Run content_script on install for YouTube tabs

background.js

@@ -17,7 +17,7 @@ const mapIcons = {
   env.runtime.onMessage.addListener(message => {
     if (message.action === 'updateIcon') {
       const type = mapIcons[message.icon]
-      chrome.browserAction.setIcon({
+      env.browserAction.setIcon({
         path: {
           16: `./assets/toolbar/${type}/16.png`,
           24: `./assets/toolbar/${type}/24.png`,
@@ -26,4 +26,21 @@ const mapIcons = {
       })
     }
   })
+
+  env.runtime.onInstalled.addListener(({ reason }) => {
+    switch (reason) {
+      case 'install':
+        env.tabs.getAllInWindow(null, tabs => {
+          tabs.forEach(tab => {
+            const { hostname, pathname } = new URL(tab.url)
+            if (hostname === 'www.youtube.com' && pathname === '/watch') {
+              env.tabs.executeScript(tab.id, { file: 'index.js' })
+            }
+          })
+        })
+        break
+      default:
+        break
+    }
+  })
 })()

index.js

@@ -113,4 +113,12 @@ const adjustQuality = () => {
       }
     }
   })
+
+  env.runtime.onMessage.addListener((msg, _, sendResponse) => {
+    if (msg.action === 'getDOM') {
+      sendResponse({
+        document,
+      })
+    }
+  })
 })()

manifest.json

@@ -5,7 +5,9 @@
   "description": "Adjust quality of YouTube videos automatically",
   "permissions": [
     "storage",
-    "tabs"
+    "tabs",
+    "http://*/",
+    "https://*/"
   ],
   "browser_specific_settings": {
     "gecko": {