如何在当前选项卡中打开 Chrome 扩展程序的链接？

Question

这是我的 popup.html 代码：

<a href="http://google.com">Google</a>

但是当我点击谷歌链接时什么也没有发生。如何使链接将我带到当前选项卡中的 google.com？

Answer 1

您需要使用chrome.tabs.query来查找选定的选项卡并更新它。

所以我会做类似的事情：

弹出.html：

<div id='clickme'>Google</div>
<script src = 'popupjs.js'></script>

popupjs.js：

document.getElementById('clickme').onclick = function() {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        var tab = tabs[0];
        chrome.tabs.update(tab.id, {url: 'http://www.google.com'});
    });
};

这使用chrome.tabs.query和chrome.tabs.update查找当前选项卡 id 并使用 url 更新它http://www.google.com。

注意：您需要tabs清单文件中的权限！

然后，您可以使用一些 CSS 使 div 看起来像一个真正的链接，或者只是在将鼠标悬停在其上时更改光标。