Google Chrome扩展程序创建的关闭弹出窗口
-
08-10-2019 - |
题
我正在尝试创建一个镀铬扩展,这是替代美味书签的替代品。我知道已经有一个扩展程序可以做到这一点,但是该扩展程序的问题是,在您为站点添加书签后,弹出窗口保持打开状态(而不是使用书签,弹出窗口在提交表单后关闭了。我重新创建了扩展并遇到相同的问题。
这是我的代码:
subest.json:
{
"name": "Delicious",
"version": "1.0",
"description": "Bookmark a site on Delicious",
"background_page": "background.html",
"permissions": [
"tabs"
],
"browser_action": {
"default_icon": "delicious.png"
},
"content_scripts": [
{
"matches": ["http://www.delicious.com/save*"],
"js": ["contentscript.js"]
}
]
}
background.html:
<html><script>
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.tabs.getSelected(null, function(tab) {
w = window.open('http://delicious.com/save?url='+
encodeURIComponent(tab.url)+
'&title='+encodeURIComponent(tab.title)+
'&v=5&noui=1&jump=close',
'deliciousuiv5',
'location=yes,links=no,scrollbars=no,toolbar=no,width=550,height=550');
});
});
</script></html>
contentscript.js:
if (document.URL == 'http://www.delicious.com/save')
{
alert('closing...');
self.close();
alert('should have closed by now');
}
当我单击“美味”按钮时,弹出窗口会很好,我可以保存书签,但是在单击“保存”后,弹出窗口不会关闭。两个警报都出现了,但是 self.close()
似乎什么也没做。当我在contentscript.js中删除URL检查时,弹出窗口正常出现,第一个警报会立即触发,然后弹出窗口自行关闭(如它应该)。
为什么这不起作用?似乎Chrome并没有阻止我做self.close()。美味做某事吗?还有其他吗?
如果您想要它们,这些文件就在这里:[链接已删除,因为drop.io倒闭了
解决方案
尝试 window.close()
, ,但这可能也行不通。
当您创建常规窗口(而不是浏览器操作弹出窗口)时,您可以使用 chrome.tabs.remove()
从背景页面。您还可以从背景页面检测此窗口。就像是:
chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {
if(changeInfo.status == "loading") {
if(tab.url == "http://www.delicious.com/save") {
chrome.tabs.remove(tabId);
}
}
});
我不确定Chrome Treats如何创建Windows - 作为标签或Windows。如果作为窗口,则上方代码将有所不同。
其他提示
我发现这是一项非常简单的工作。您只需将选定的选项卡设置为true即可消失,就像这样...
// remove popup by selecting the tab
chrome.tabs.getSelected(null, function(tab) {
chrome.tabs.update(tab.id, { selected: true } )
});
我找到了这个解决方案: chrome.tabs.update({ active: true });
这一单行代码关闭了浏览器操作的弹出窗口。您甚至不需要通过Tab.ID将其传递到那里,因为默认情况下它设置为当前选项卡的ID。我在背景页面中运行它,但似乎可以在扩展中到处运行。
getected对我不起作用,所以我找到了这个解决方案
chrome.tabs.create({url: 'https://www.google.com', active: false});
在背景中,您只需要
window.close();