switched tab api for webNavigation

src/Background/index.ts

@@ -1,22 +1,12 @@
 import attachDebugger from '../utils/attachDebugger'
 
-const attachTab = (tabId: number) => {
+const attachTab = (e: any) => {
   chrome.debugger.getTargets((tabs) => {
-    const currentTab = tabs.find((obj) => obj.tabId === tabId)
+    const currentTab = tabs.find((obj) => obj.tabId === e.tabId)
     if (!currentTab?.attached) {
-      attachDebugger(tabId)
+      attachDebugger(e.tabId)
     }
   })
 }
 
-chrome.tabs.onCreated.addListener((tab) => {
-  tab.id && attachDebugger(tab.id)
-})
-
-chrome.tabs.onActivated.addListener((tab) => {
-  attachTab(tab.tabId)
-})
-
-chrome.tabs.onUpdated.addListener((tabId) => {
-  attachTab(tabId)
-})
+chrome.webNavigation.onBeforeNavigate.addListener(attachTab)

src/manifest.json

@@ -5,7 +5,7 @@
   "description": "__MSG_extDesc__",
   "author": "__MSG_extName__",
   "default_locale": "en",
-  "permissions": ["storage", "debugger"],
+  "permissions": ["storage", "debugger", "webNavigation"],
   "background": { "service_worker": "background.bundle.js" },
   "action": {
     "default_popup": "popup.html",