Question

我正在尝试尝试使用我的第一个Google Chrome扩展程序并提出问题。我的最终目标是能够选择一个执行以下操作的按钮：

抓取所选标签的当前网址（例如：www.google.com）
使用步骤1中的网址打开新标签页并将查询字符串附加到结尾（例如：www.google.com?filter=0）

目前，我能够弄清楚如何打开创建一个加载指定URL的新选项卡。我不确定如何从选定的选项卡中检测URL并在新选项卡中加载该值。建议？提前致谢！！

以下代码：

[popup.html]

    <html>
<head>

<style>

body {
  min-width:175px;
  overflow-x:hidden;
}

</style>


<script>

 function createTab() {
  chrome.tabs.create({'url': 'http://www.google.com'});
 }

 function show_alert()
 {
 alert("I am an alert box!");
 }

</script>
</head>

<body>

<input type="button" onclick="createTab()" value="Create New Tab" />
<hr/>
<input type="button" onclick="show_alert()" value="Show alert box" />

</body>
</html>

[的manifest.json]

{
  "name": "IGX Plugin",
  "version": "1.0",
  "description": "IGX Plugin",

  "browser_action": {
    "default_icon": "favicon.ico",
 "popup": "popup.html"
  },
  "permissions": [
    "tabs"
  ]


}

Answer 1

chrome.tabs.getSelected(null, function(tab) {
    alert(tab.url);
});

Answer 2

chrome.tabs.getSelected has been deprecated。所以我们应该使用tabs.query({active: true}...代替：

chrome.tabs.query({active: true}, tabs => alert(tabs[0].url));

Google Chrome插件：如何检测所选标签的网址

2 个答案: