javascript - Chrome 分机 : Javascript interrogate URL string for hostname

Question

Note. This is not interrogate the url that you get from window.location

我正在使用返回详细信息的chrome.webRequest.onBeforeRequest.addListener。这些详细信息是:

{
    frameId: 0,
    method: "GET",
    parentFrameId: -1,
    requestId: "687379",
    tabId: 1721765993,
    timeStamp: 1543573944865.511,
    type: "main_frame",
    url: "https://stackoverflow.com"
}       

这意味着我可以使用 details.url 获取它的唯一 URL，它是返回中的字符串。在这个例子中它是:

url: "https://stackoverflow.com"

我希望能够仅获取主机名:

stackoverflow.com

当有 https 或 http 时就会出现问题。是否有子域或是否有额外的路径。

如何仅获取主机名？

Answer 1

这是我使用的一个巧妙的小技巧:

function processUrl(url) {
    var a = document.createElement('a');
    a.href = url;
    return a.hostname;

}

然后将您的 details.url 传递给该函数。

这会创建一个元素，浏览器引擎会处理该元素并计算出您的主机名等。因此您可以返回a.hostname。

编辑

如下所述，这可能有点过时了。另一个很好的解决方案是:

function processUrl(url) {
    return new URL(url).hostname
}