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

时间:2014-03-31 12:41:53

标签: javascript google-chrome-extension

我是扩展程序的新成员。我想以编程方式打开chrome扩展页面。例如:

chrome-extension://njlkegdphefeellhaongiopcfgcinikh/options.html

当我点击网页按钮或链接时,我想打开特定的扩展程序选项卡。

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

(我的目标是使用JavaScript打开扩展程序标签)

1 个答案:

答案 0 :(得分:8)

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

  1. 确保您的内容脚本在您点击按钮的页面上运行。
  2. 当您点击网页上的按钮时,从内容脚本中添加事件监听器,并且在事件中listerner将乱码传递给背景。

    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);