accessing the current html page from chrome extension

Question

I'm new to chrome extensions. I would like to create a simple chrome extension that popup an alert with the title of the current html page. when I'm performing: alert(document.title) , I'm not getting it because the document object doesn't belong to the page but to the extension script (is it correct?) how do i get the right document object?

Answer 1

Content scripts are the easiest way to go:

Expand your manifest file with this code:

...
"content_scripts": [
  {
  "matches": ["http://urlhere/*"],
  "js": ["contentscript.js"]
  }
],
...

Content script (automatically executed on each page as mentioned at matches at the manifest file):

alert(document.title)

The advantage of using content scripts over chrome.extension.* methods is that your extension doesn't require scary permissions, such as tabs.

---

See also:

• Developer's guide
• Content scripts
• Background pages