Chrome extensions -显示chrome-extension:// as chrome.tabs.query的URL

Question

我正在制作我的第一个Chrome扩展，我想要获取你当前所在标签的URL，并让你只更改域名/主机名。

例如，https://stackoverflow.com/questions/help-me-please => https://test.stackoverflow.com/questions/help-me-please

我的问题是，在尝试使用控制台进行调试时，我只能为chrome- extension ://选项卡加载它，所以尝试使用参数为active和lastFocusedWindow为true的chrome.tabs.query并不能给出扩展当前处于活动状态的位置https://stackoverflow.com/。

示例代码：

chrome.tabs.query(
  {
    'active': true, 'lastFocusedWindow': true}, function (tabs) {
    var url = tabs[0].url;
    var domain = url.hostname;
    console.log(domain);
  });

有没有办法让我的控制台/调试程序显示该URL，以便我可以正确调试？我现在把它作为一个未打包的扩展来运行。我想这就是为什么我得到的是扩展页面，而不是所需的URL。或者，有没有办法设置参数，使其获得正确的URL？

Answer 1

如果有人偶然发现并犯了与我相同的错误，您可以通过右键单击您的扩展图标并单击Inspect Popup来获得所需的URL。