Don't break when CSP is on in Firefox (#616)

Author: chearon

shells/chrome/src/detector.js

@@ -1,4 +1,5 @@
 import { installToast } from 'src/backend/toast'
+import { isFirefox } from 'src/devtools/env'
 
 window.addEventListener('message', e => {
   if (e.source === window && e.data.vueDetected) {
@@ -36,8 +37,16 @@ if (document instanceof HTMLDocument) {
 }
 
 function installScript (fn) {
-  const script = document.createElement('script')
-  script.textContent = ';(' + fn.toString() + ')(window)'
-  document.documentElement.appendChild(script)
-  script.parentNode.removeChild(script)
+  const source = ';(' + fn.toString() + ')(window)'
+
+  if (isFirefox) {
+    /* eslint-disable no-eval */
+    window.eval(source) // in Firefox, this evaluates on the content window
+    /* eslint-enable no-eval */
+  } else {
+    const script = document.createElement('script')
+    script.textContent = source
+    document.documentElement.appendChild(script)
+    script.parentNode.removeChild(script)
+  }
 }

shells/chrome/src/hook.js

@@ -1,10 +1,19 @@
 // This script is injected into every page.
 import { installHook } from 'src/backend/hook'
+import { isFirefox } from 'src/devtools/env'
 
 // inject the hook
 if (document instanceof HTMLDocument) {
-  const script = document.createElement('script')
-  script.textContent = ';(' + installHook.toString() + ')(window)'
-  document.documentElement.appendChild(script)
-  script.parentNode.removeChild(script)
+  const source = ';(' + installHook.toString() + ')(window)'
+
+  if (isFirefox) {
+    /* eslint-disable no-eval */
+    window.eval(source) // in Firefox, this evaluates on the content window
+    /* eslint-enable no-eval */
+  } else {
+    const script = document.createElement('script')
+    script.textContent = source
+    document.documentElement.appendChild(script)
+    script.parentNode.removeChild(script)
+  }
 }

src/devtools/env.js

@@ -1,4 +1,5 @@
 export const isChrome = typeof chrome !== 'undefined' && !!chrome.devtools
+export const isFirefox = navigator.userAgent.startsWith('Mozilla')
 export const isWindows = navigator.platform.indexOf('Win') === 0
 export const isMac = navigator.platform === 'MacIntel'
 export const isLinux = navigator.platform.indexOf('Linux') === 0