javascript - 如何以编程方式打开 chrome 扩展页面

Question

我是扩展的新人。我想以编程方式打开一个 chrome 扩展页面。例如:

chrome-extension://njlkegdphefeellhaongiopcfgcinikh/options.html

当我单击网页按钮或链接时，我想打开特定的扩展选项卡。

我尝试了很多方法。使用javascript等多种方式直接调用。但我找不到合适的解决方案。任何人都有任何想法。

(我的目标是使用 JavaScript 打开扩展选项卡)

Answer 1

这是解决方案之一:

确保您的内容脚本在您单击按钮的页面上运行。

当您单击网页上的按钮时，从内容脚本添加事件监听器，并在事件监听器中将消息传递到后台。

chrome.runtime.sendMessage({message: 'buttonClicked'}, 
  function() { 
    /* callback */ 
  });

在您的后台脚本中，收听来自内容脚本的消息。

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
  if (request.message == 'buttonClicked') {
  // Create a new tab with options page
 }
});

要使用 options.html 页面创建新选项卡，您可以执行此操作

chrome.tabs.create({
  active: true,
  url:  'options.html'
}, null);