使用 Javascript 获取当前标签页 url
Posted
技术标签:
【中文标题】使用 Javascript 获取当前标签页 url【英文标题】：Use Javascript to get current tab 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 新手。您能否提供一个示例，说明我如何使用它来获取当前的标签网址？ 【参考方案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
【讨论】：
以上是关于使用 Javascript 获取当前标签页 url的主要内容，如果未能解决你的问题，请参考以下文章