Home/ Questions/Q 6532331
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T09:59:19+00:00

Where I can find an example code of chrome extension which shows the current

  • 0

Where I can find an example code of chrome extension which shows the current address in a popup?

Thanks.
Ron

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Documentation: http://code.google.com/chrome/extensions/getstarted.html
    Samples: http://code.google.com/chrome/extensions/samples.html

    This is the official documentation and sample code for Google Chrome extensions. In your manifest you want to declare a popup for either a page or browser action (whichever best suites your extension). In your popup HTML file you probably want something like the following;

    <!DOCTYPE HTML>
<html>
    <head>
        <script type="text/javascript">
            function initPopup() {
                chrome.tabs.getSelected(null, function (tab) {
                    document.body.appendChild(document.createTextNode(tab.url));
                });
            }
        </script>
    </head>
    <body onload="initPopup();"></body>
</html>

    This very simply appends the URL of the selected tab to the body of the popup.

    Your manifest should look like the following;

    {
    "name": "My First Extension",
    "version": "1.0",
    "description": "The first extension that I made.",
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "permissions": [
        "tabs"
    ]
}

    The file structure for this example is a single folder containing manifest.json, popup.html and icon.png.

    On the Extensions page (chrome://extensions) you should click Load unpacked extension… and navigate to this folder. If you make any changes to the manifest be sure to click the Reload link to pick up these changes.

    I hope this helps but I strongly suggest reading through the documentation I mentioned above to get a better understanding of what you’re doing.

    EDIT: Added missing null argument to code and included an example manifest and file structure based on additional information gathered from comments.

    • 0