我有谷歌Chrome扩展的乐趣,我只是想知道我如何在变量中存储当前选项卡的URL ?
当前回答
问题是chrome.tabs.getSelected是异步的。下面的代码通常不能正常工作。tablink的值在被写入控制台时仍然是未定义的,因为getSelected还没有调用重置值的回调:
var tablink;
chrome.tabs.getSelected(null,function(tab) {
tablink = tab.url;
});
console.log(tablink);
解决方案是在函数中使用值的地方包装代码,并由getSelected调用该值。通过这种方式,您可以保证始终拥有一个值集,因为您的代码在执行之前必须等待该值被提供。
试着这样做:
chrome.tabs.getSelected(null, function(tab) {
myFunction(tab.url);
});
function myFunction(tablink) {
// do stuff here
console.log(tablink);
}
其他回答
这个解决方案已经测试过了。
在manifest.json中设置API的权限
"permissions": [ ...
"tabs",
"activeTab",
"<all_urls>"
]
对第一个加载调用函数。https://developer.chrome.com/extensions/tabs#event-onActivated
chrome.tabs.onActivated.addListener((activeInfo) => {
sendCurrentUrl()
})
关于更改调用函数。https://developer.chrome.com/extensions/tabs#event-onSelectionChanged
chrome.tabs.onSelectionChanged.addListener(() => {
sendCurrentUrl()
})
获取URL的函数
function sendCurrentUrl() {
chrome.tabs.getSelected(null, function(tab) {
var tablink = tab.url
console.log(tablink)
})
像这样使用chrome.tabs.query():
chrome.tabs.query({active: true, lastFocusedWindow: true}, tabs => {
let url = tabs[0].url;
// use `url` here inside the callback because it's asynchronous!
});
这需要你请求访问chrome。标签API在你的扩展清单:
"permissions": [ ...
"tabs"
]
重要的是要注意,“当前选项卡”的定义可能会根据扩展的需要而有所不同。
在查询中设置lastFocusedWindow: true是合适的,当你想要访问用户聚焦窗口中的当前选项卡(通常是最上面的窗口)。
设置currentWindow: true允许你在你的扩展代码正在执行的窗口中获得当前选项卡。例如,如果您的扩展创建了一个新的窗口/弹出窗口(改变焦点),但仍然想从运行扩展的窗口访问选项卡信息,这可能是有用的。
在本例中,我选择使用lastFocusedWindow: true,因为谷歌调用了currentWindow可能不总是存在的情况。
您可以使用这里定义的任何属性进一步优化选项卡查询:chrome.tabs.query
这是一个非常简单的方法
window.location.toString();
你可能不得不这样做的内容脚本,因为它有所有的功能,在一个网页上的js文件可以有和更多。
嗨,这里是一个谷歌Chrome样本,电子邮件当前的网站给一个朋友。背后的基本理念是你想要什么…首先,它获取页面的内容(对你来说不感兴趣)…然后它得到URL(<——好部分)
此外,这是一个很好的工作代码示例,我更喜欢阅读文档。
可在这里找到: 通过电子邮件发送本页
问题是chrome.tabs.getSelected是异步的。下面的代码通常不能正常工作。tablink的值在被写入控制台时仍然是未定义的,因为getSelected还没有调用重置值的回调:
var tablink;
chrome.tabs.getSelected(null,function(tab) {
tablink = tab.url;
});
console.log(tablink);
解决方案是在函数中使用值的地方包装代码,并由getSelected调用该值。通过这种方式,您可以保证始终拥有一个值集,因为您的代码在执行之前必须等待该值被提供。
试着这样做:
chrome.tabs.getSelected(null, function(tab) {
myFunction(tab.url);
});
function myFunction(tablink) {
// do stuff here
console.log(tablink);
}
推荐文章
- 卸载Chrome开发工具
- 如何触发自动填充在谷歌Chrome?
- CSS变换,锯齿边缘在铬
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- Chrome在哪里存储扩展?
- 窗口。亲近与自我。close不关闭Chrome中的窗口
- 防止滚动条增加到Chrome页面的宽度
- URL中的“#:~:text=”位置哈希值到底是什么?
- 如何禁用谷歌翻译从HTML在Chrome
- Chrome开发工具:如何找出什么是覆盖CSS规则?
- 资源解释为样式表,但以MIME类型text/html传输(似乎与web服务器无关)
- Chrome iOS(和Safari)的远程调试
- 在Chrome中模拟有限的带宽?
- 资源解释为文档,但使用MIME类型application/zip传输
- 如何让Chrome允许混合内容?