单击 chrome 扩展中的 <a> 链接时，popup.html 如何保持打开状态？答案

【问题标题】：When click a <a> link in chrome extension, how can popup.html keep open state?单击 chrome 扩展中的 <a> 链接时，popup.html 如何保持打开状态？
【发布时间】：2016-04-18 07:52:17
【问题描述】：

我正在做一个关于查看论坛帖子的 Chrome 扩展程序。

现在，我可以获得一些帖子的链接，然后我将这些链接放入我的 popup.html 中，如下所示：

<a href="post's link" target="_blank">post's title</a>

然后当我点击链接时，会打开一个新标签页，但 popup.html 页面会消失。

当我按下时，新标签会打开，但问题仍然存在。

现在，我想知道我是否可以通过单击链接打开一个新标签，同时我可以保持我的 popup.html 页面仍然显示。

参考了chrome扩展开发的文档，还是解决不了这个问题。

那么，这能实现吗？怎么做？

谢谢！

【问题讨论】：

标签： javascript jquery html google-chrome google-chrome-extension

【解决方案1】：

我相信 target="_blank" 无法做到这一点，请参阅 FAQ Persist Popups

当用户关注弹出窗口之外的浏览器某些部分时，弹出窗口会自动关闭。用户点击离开后，无法让弹出窗口保持打开状态。

但是（感谢@Bob den os 的想法），您可以将chrome.tabs.create 与active: false 一起使用，这样，在没有焦点的情况下创建新标签，您可以保持弹出窗口打开。

chrome.tabs.create({
    url: "example.com",
    active: false
});

【讨论】：

我更新了我的答案，感谢@Bob den os 的想法！
太棒了！非常感谢你们两个

【解决方案2】：

Chrome 扩展弹出窗口需要焦点才能保持打开状态。

How to keep Google Chrome Extension popup open?

可以将弹出窗口打开到新标签中。不需要焦点即可保持打开状态。

chrome.tabs.create({ url: chrome.extension.getURL('popup.html')});

【讨论】：

非常感谢！现在我明白了！