如何在Chrome扩展程序的当前标签中打开链接？

Question

这是我的popup.html代码：

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

但是，当我点击Google链接时，没有任何反应。如何让链接将我带到当前标签中的google.com？

Answer 1

您需要使用chrome.tabs.query查找所选标签并进行更新。

所以我会这样做：

popup.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，并使用网址http://www.google.com进行更新。

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

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