如何在chrome浏览器中获取当前选项卡的URL和标题，并在用户单击我的扩展图标时显示它
如何在chrome浏览器中获取当前选项卡的URL和标题，并在用户单击我的扩展图标时显示它
提问于 2019-01-24 03:27:33
我正在建立一个扩展，我希望我的扩展工作如下:当用户访问任何网站时，我的扩展应该获取该网站的网址和标题，并在用户单击扩展图标时显示它
这是我的代码
(manifest.json)
{
"manifest_version": 2,
"name": "My Launcher",
"description": "Quick launch lol Media",
"version": "1.0.0",
"icons": { "128": "icon_128.png" },
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": ["activeTab"],
"background": {
"scripts": ["popup.js"],
"persistent": false
}
}
(popup.html)
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
<script src="popup.js">
</script>
<script src="jquery-3.3.1.min">
</script>
</head>
<body>
<h2 id="greet">Hello world!!!</h2>
</body>
</html>
(popup.js)
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs){
tabs[0].url; //url
tabs[0].title; //title
$('#greet').text((tab[0].url).val());
});
});当用户点击扩展图标时，他应该看到显示他/她正在访问的当前网页的url和标题的消息。
回答 1
Stack Overflow用户
发布于 2019-01-29 08:20:50
在您的内容脚本中，将以下内容包含在一个函数中，然后调用它以返回选项卡URL...
function return_tab_url(){
chrome.tabs.query({
active: true,
currentWindow: true
}, function (tabs) {
var tabURL = tabs[0].url;
//returns https://...
return tabURL;
});
}在devtools中的tabURL处放置一个断点以观察结果，或使用alert进行调试。希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54334355
复制相关文章
相似问题
腾讯云开发者
