How do I use chrome.tabs.executeScript in chrome extensions?

Question

I'm messing around with chrome extensions, and I'm trying to inject some JS into the page. (I want to, for example, make the main page popup a box saying something). Here's my JS file:

//Function to be called:
function setText() {
  var text = document.getElementById("titleinput").value;
  var myCode="alert('Test');";
  chrome.tabs.executeScript(null, {code:myCode});
}

//Makes it run above code when a button is pressed:
document.addEventListener('DOMContentLoaded', function () {
  document.querySelector('button').addEventListener('click', setText);
});

And here's my manifest file:

{
  "name": "Tester",
  "version": "1.0",
  "manifest_version": 2,
  "description": "description",
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
  "permissions": [
    "tabs", "http://*/*", "https://*/*"
  ]
}

I know the setText() is being called (I tried putting an alert directly in there), but for some reason the main page isnt making a popup saying 'Test' like it should. What am I doing wrong?

abraham · Accepted Answer · 2012-04-13 02:25:59Z

2

Make sure you are running it on a website and not chrome://extensions. You can't inject scripts into chrome://* pages. If it still isn't working use the popup debugger to look for errors.

answered Apr 13, 2012 at 2:25

abraham

48.2k10 gold badges108 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alex Coleman Over a year ago

The popup debugger helped, got it fixed :P

Collectives™ on Stack Overflow

How do I use chrome.tabs.executeScript in chrome extensions?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related