Display current URL in a chrome extension

user_448775 0
Viewed 31641

After doing some research, the code that I have come up with is this:

var outUrl;
// first get the windowid
chrome.windows.getCurrent(function(window) {
    // then get the current active tab in that window
    chrome.tabs.query({
        active: true,
        windowId: window.id
    }, function (tabs) {
        var tab = tabs[0];
        document.write(tab.url)
    });
});

This is in a javascript file which is called from my popup html file. It does not, however display the URL of the current website, instead it displays nothing.

I have found multiple posts about this on this and other websites but I haven't been able to implement any of the supposed solutions.

Any help would be greatly appreciated.

google-chrome-extension tabs google-chrome javascript
3 Answers

Solution:

Get the URL of currently selected tab for Chrome Extension This code is to get parts of URL, because in tabs[0].url we cannot get parts of URL like host, hostname, origin, port, etc...

chrome.tabs.query({ currentWindow: true, active: true }, function (tabs) {
let link = document.createElement('a');
link.href = tabs[0].url;
})

Further using basic js to get its part: link.host = "password remember.web.app" You can use other like link.hostname, link.hash, link.host, link.href, link.origin, .link.pathname, link.protocol, link.search

Hope it solves your problem!

user_130411380
Related