使用 Javascript 获取当前标签页 url答案

【问题标题】：Use Javascript to get current tab url使用 Javascript 获取当前标签页 url
【发布时间】：2022-01-03 08:17:58
【问题描述】：

我正在尝试创建一个 google 扩展程序来跟踪用户访问的当前和以前的标签 URL。有没有办法使用 Javascript 让 chrome 扩展在后台运行检查当前选项卡并返回 URL？

我当前的 HTML：

   <body>
       <div class="container">
           <h2> Current Tab </h2>
           <div id = "current_url"></div>
           <h2> Previous Tab </h2>
           <div id = "previous_url">  </div>
       </div>

   </body>

我试过了：

document.getElementById("current_url").innerHTML = window.location.href;

但当我切换到新标签时它不会更新。

【问题讨论】：

使用历史 API。
抱歉，我是 Javascript 新手。您能否提供一个示例，说明我如何使用它来获取当前的标签网址？

标签： javascript html jquery google-chrome google-chrome-extension

【解决方案1】：

你可以使用chrome.tabs.query():

"permissions": [ ...
   "tabs"
]

这要求您请求访问扩展清单文件中的chrome.tabs：

chrome.tabs.query({ active: true, lastFocusedWindow: true }, tabs => {
    let url = tabs[0].url;
    // Do something with url
});

lastFocusedWindow 属性用于访问用户关注的当前选项卡。当您想要获取当前正在执行您的扩展程序代码的窗口时，您也可以使用currentWindow: true。

API 参考： https://developer.chrome.com/docs/extensions/reference/tabs/#method-query

【讨论】：