javascript - chrome extension to run script on page load - Stack Overflow

I'm writing a chrome extension which should be capable of running a script on that page as soon as it has been loaded. I implemented the feature to run the code on clicking on extension icon but when I added code to run that script on page load its not working

Manifest file

 {
  "name": "",
   "description": "",
   "version": "1.0",

   "permissions": [
     "activeTab",
     "tabs"
    ],
   "background": {
    "scripts": ["background.js"],
    "persistent": false
    },
   "browser_action": {
      "default_title": "",
  "default_icon": "6a00e3982283618833019affd3c028970c.png"
   },
  "manifest_version": 2
  }

js file:

chrome.tabs.onUpdated.addListener(
  function ( tabId, changeInfo, tab )
  { 
    if ( changeInfo.status === "plete" )
    {
      chrome.tabs.executeScript({
      code: "console.log('dsff');"
    });
  }
});

but despite this my js is not running when ever user changes the page in a tab

I'm writing a chrome extension which should be capable of running a script on that page as soon as it has been loaded. I implemented the feature to run the code on clicking on extension icon but when I added code to run that script on page load its not working

Manifest file

 {
  "name": "",
   "description": "",
   "version": "1.0",

   "permissions": [
     "activeTab",
     "tabs"
    ],
   "background": {
    "scripts": ["background.js"],
    "persistent": false
    },
   "browser_action": {
      "default_title": "",
  "default_icon": "6a00e3982283618833019affd3c028970c.png"
   },
  "manifest_version": 2
  }

js file:

chrome.tabs.onUpdated.addListener(
  function ( tabId, changeInfo, tab )
  { 
    if ( changeInfo.status === "plete" )
    {
      chrome.tabs.executeScript({
      code: "console.log('dsff');"
    });
  }
});

but despite this my js is not running when ever user changes the page in a tab

• javascript
• google-chrome-extension
• google-chrome-devtools

Share Improve this question Follow edited Nov 27, 2013 at 10:37 Minhaz asked Nov 23, 2013 at 22:40 MinhazMinhaz 97711 gold badge1111 silver badges2626 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 11

If you registered a callback to chrome.tabs.executeScript(...) to catch any errors, e.g.:

chrome.tabs.executeScript({ code: "console.log('dsff');" }, function() {
    if (chrome.runtime.lastError) {
         console.log("ERROR: " + chrome.runtime.lastError.message);
    }
});

you would notice the following error:

ERROR: Cannot access contents of url "...". Extension manifest must request permission to access this host.

So, you need to add the appropriate host match pattern to the permissions list in your manifest. E.g. to be able to inject code into any http/https page:

"permissions": ["*://*/*"]

---

Furthermore, if you omit the tabId argument of chrome.tabs.executeScript(...) it will apply to the currently active tab (which might defer from the one that fired the onUpdated event). So, also, make the following change:

chrome.tabs.executeScript(tab.id, { code: "console.log('dsff');" }, function() {...

First, why are you using same file (background.js) for both content and background script.

Content scripts can't use chrome.* api's