google-chrome-extension - 如何在当前选项卡中打开 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 您的 list 文件中的权限!

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