在新标签页中打开Chrome扩展程序

sha*_*ath 7 google-chrome google-chrome-extension google-chrome-devtools

我已经实现了chrome扩展.想知道popup.html是否可以在新标签页中打开?每次单击页面,弹出窗口消失:( ..想知道我是否可以将其粘贴到页面或有没有办法在新页面中打开扩展名?

Moh*_*our 6

是的,弹出页面只是一个普通的扩展页面,您可以执行以下操作从后台页面打开一个新的弹出选项卡.我每次在用户第一次安装扩展程序时使用它,我打开about页面,你可以为弹出页面做同样的事情.

chrome.tabs.create({url: 'popup.html'}) 
Run Code Online (Sandbox Code Playgroud)

对于我的其中一个扩展程序,我的环聊,我在弹出窗口中有一个小的"打开标签"按钮,我绑定该链接的click事件来执行此操作:

chrome.tabs.create({url: chrome.extension.getURL('popup.html#window')});
Run Code Online (Sandbox Code Playgroud)

我之所以通过散列是因为我想在用户弹出窗口时添加更多内容,因为有更多的空间可供使用.

在弹出窗口中,我使用普通的JavaScript来区分我是在新标签页中打开标签还是在普通页面中打开标签,如下所示:

if (window.location.hash == '#window') {
  this.displayAsTab = true;
}
Run Code Online (Sandbox Code Playgroud)

你可以做这样的技巧,让你的扩展用户体验更好.