本文发自 http://www.binss.me/blog/chrome-plugin-content-scripts-close-current-page/,转载请注明出处。

在制作Chrome插件的过程中,我使用Content Scripts注入到当前页中,想实现当点击页面的按钮后关闭当前页面(tab)。

习惯性调用:window.close(),结果报错:Scripts may close only the windows that were opened by it

好吧,google之,网友提供了以下方法:

window.opener = null;
window.open('','_self');
window.close();

经尝试依然报错无效,就算使用了所谓的hack,即

window.open(' ','_self');

加多了一个空格之后,发现页面也是刷新了一下(可能的关闭又再打开)。

最后在http://stackoverflow.com/questions/19761241/window-close-and-self-close-do-not-close-the-window-in-chrome看到讨论,大概意思是Chrome的新版本加强了安全性和谐了hack云云。

然后有人建议使用Chrome的API。

查阅了文档后,尝试直接在Content Scripts调用chrome.tabs.remove(id)来移除,结果报错说找不到该函数。

继续查阅文档后发现Content Scripts是没有权限调用这个的,但是可以通过sendMessage来发送消息给background.js(插件后台)。

于是采用以下方法:

// Content Scripts中
$("#quit_button").click(function() {
      chrome.extension.sendMessage({greeting: "close_tab"});
 });

// background.js中
chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
      console.log("Request comes from content script " + sender.tab.id);
      if (request.greeting === "close_tab"){
          chrome.tabs.remove(sender.tab.id);
      }
});

先在background.js中注册消息处理函数,当点击按钮时,Content Scripts向插件后台发送消息,该消息触发其调用chrome.tabs.remove(id)来关闭该页面。

这样就间接实现了预期目标。