Google Chrome Plugin: How to get domain from URL (tab.url)

Question

Using the Google Chrome API's tab.url value, what is the best method to get just the domain from the entire value?

In JavaScript I would use window.location.protocol & window.location.hostname. For example something like this:

var domain = window.location.protocol + "//" + window.location.hostname;

But that gets the extension domain and not the tab so cannot use that method. So with a function similar to the one below... How would I strip just the domain from the tab.url value?

function show_alert() {
    chrome.tabs.getSelected(null, function(tab) {
        var currentURL = tab.url;
        alert(currentURL);
    });
}

user_8023318 · Answer

chrome.tabs.query(
  {
    active: true,
    currentWindow: true
  },
  ([currentTab]) => {
    const url = new URL(currentTab.url);
    const domain = url.hostname;
    console.log(domain);
  }
);

combination of: https://stackoverflow.com/a/37486863/8023318 but not using the depreciated getSelected and https://stackoverflow.com/a/48755190/8023318. would like to see if this can be done via getCurrent.

Google Chrome Plugin: How to get domain from URL (tab.url)

3 Answers