chrome.tabs.executeScript not working?

Question

I am trying to learn to use the chrome.tabs.executeScript commend. I\'ve created a simple extension with a browser action. My background.html file currently looks like this:

Answer 1

For those of you still having issues, you need to make sure to reload the extension's permissions in Chrome.

Go to chrome://extensions , scroll to your extension, and click on "reload". Make sure that your permissions have been updated by clicking on the permissions link right next to your extension.

Answer 2

You actually don't need and don't want the 'tabs' permission for executeScript.

"permissions": [
  "http://*/*", 
  "https://*/*"
]

Should be enough

Answer 3

Make sure you have domain and tab permissions in the manifest:

"permissions": [
    "tabs", "http://*/*", "https://*/*"
]

Then to change body color try:

chrome.tabs.executeScript(null,{code:"document.body.style.backgroundColor='red'"});

Also keep in mind that content scripts are not injected into any chrome:// or extension gallery pages.

Answer 4

It's not recommended to use http://*/* and https://*/*. From the Google documentation:

To inject a programmatic content script, provide the activeTab permission in the manifest. This grants secure access to the active site's host and temporary access to the tabs permission, enabling the content script to run on the current active tab without specifying cross-origin permissions.

Instead, (as suggested in the page) just use activeTab permission.