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

Question

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

chrome-extension://njlkegdphefeellhaongiopcfgcinikh/options.html

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

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

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

Answer 1

以下是其中一个解决方案:

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

2. 当您单击网页上的按钮时,从内容脚本添加事件侦听器,并在事件中listerner将messgae传递给后台.

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

3. 在后台脚本中,收听内容脚本中的消息.

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

4. 要使用options.html页面创建新标签页,您可以执行此操作

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