In a Chrome extension, how do I get the URL of the website with browser_action (popup.html)?

Question

I am creating a Chrome extension, with the following code.

File manifest.json

{
"name": "Project",
"version": "1.0.0",
"manifest_version": 2,
"description": "Popup when website requires Log in",
"browser_action":{
    "default_icon":"icon_19.png",
    "default_popup":"Popup.html"
 }
}

File Popup.html

<html>
<head></head>
<body>
<div class="plus" id="plu"></div>
<script src="inline.js"></script>
</body>
</html>

inline.js:

window.onload = function() {
    document.getElementById('plu').onclick=popup;
}
function popup() {
    var link = document.URL;
    alert("This is the link: ( " +link+ " )");
}

When I click the div with the ID 'plu', it gets the URL of file popup.html, but not for the website.

possible duplicate of [How can I get the URL for a Google Chrome tab?](http://stackoverflow.com/questions/1979583/how-can-i-get-the-url-for-a-google-chrome-tab) — CBroe, Apr 02 '13 at 14:46

score 0 · Answer 1 · answered Apr 02 '13 at 17:57

The document object at that point refers to your extension's popup window because you're including the script in your popup.html.

You need to use a Content Script if you want to access the DOM of the tab's page. Take a look at:

http://developer.chrome.com/extensions/content_scripts.html

In a Chrome extension, how do I get the URL of the website with browser_action (popup.html)?

File manifest.json

File Popup.html

1 Answers1