Unchecked Runtime.lasterror: Cannot Access Contents Of Url. But I Dont Need To Access Content Of That Url

I am making a Chrome Extension. Below, I have pasted the manifest file for that. Manifest File { 'manifest_version': 2, 'name': 'abc', 'version': '0.1', 'author': '

Solution 1:

The problem is that executeScript without a tab id (null in your code) runs in the active tab (aka "currently focused" tab) but navigation can also occur in inactive tabs.

You need to use details.tabId in executeScript to run it in the tab where navigation occurred:

chrome.tabs.executeScript(details.tabId, { file: "content.js" });

Further optimizations:

• It might be more efficient to use simple messaging instead of re-injecting.

• The webNavigation event is triggered in iframes too so check details.frameId to skip them.

• Use URL filters to limit webNavigation events:

  chrome.webNavigation.onHistoryStateUpdated.addListener(details => {
    if (!details.frameId) {
      chrome.tabs.executeScript(details.tabId, {file: 'content.js'});
    }
  }, {
    url: [
      {hostEquals: 'youtu.be'},
      {hostEquals: 'www.youtube.com', pathPrefix: '/watch'},
    ],
  });