fix: append to head if body not present yet - fixes #2031 (#2041)

Co-authored-by: Shane Osbourne <[email protected]>

Author: shakyShane

examples/options.snippetOptions.js

@@ -0,0 +1,30 @@
+/**
+ *
+ * Install:
+ *      npm install browser-sync
+ *
+ * Run:
+ *      node <yourfile.js>
+ *
+ * This example shows how you can place the snippet anywhere.
+ */
+
+"use strict";
+
+var path = require("path");
+var browserSync = require("../packages/browser-sync").create();
+var cwd = path.join(__dirname, "..");
+var fixtures_dir = path.join(cwd, "packages/browser-sync/test/fixtures");
+
+browserSync.init({
+    files: [path.join(fixtures_dir, "css/*.css")],
+    server: fixtures_dir,
+    snippetOptions: {
+        rule: {
+            match: /<\/head>/i,
+            fn: function (snippet, match) {
+                return snippet + match;
+            },
+        },
+    },
+});

packages/browser-sync/templates/script-tags.html

@@ -8,6 +8,8 @@
       script.src = '%script%'.replace("HOST", location.hostname);
       if (document.body) {
         document.body.appendChild(script);
+      } else if (document.head) {
+        document.head.appendChild(script);
       }
     } catch (e) {
       console.error("Browsersync: could not append script tag", e);