如何将灯箱添加到Chrome扩展程序中的上下文菜单

Question

我正在构建基于上下文菜单的Chrome扩展程序。 当用户选择链接或突出显示文本时，将显示扩展名（“上下文”：[“选择”，“链接”] ......）。

一旦用户点击了所需的选项，我怎么知道调出一个灯箱或超薄箱效果来获得一个iframe，其中包含基于传递参数的搜索结果？

实施例： 在Chrome浏览器中选择任意页面中的“hello world”＆gt;＆gt;右键单击以显示我的上下文菜单扩展名＆gt;＆gt;选择选项1＆gt;＆gt;将出现lightbox或slimbox，并且iframe会显示之前所选文本的Google搜索结果（hello world）。

Answer 1

以下是如何执行此操作的摘要：

1. 请求必要的权限，例如内容脚本权限
2. 添加上下文菜单项。

3. 在上下文菜单项的onclick处理程序中，向内容脚本发送消息，如下所示：

   chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
       chrome.tabs.sendMessage(tabs[0].id, {"action": "startLightbox"});
    });
   

4. 让内容脚本向页面添加灯箱。

   chrome.runtime.onMessage.addListener(
      function(request, sender, sendResponse) {
         if ( request.action == "startLightbox" ) {
            //code for lightbox here
         }
       })
   

当我试图弄清楚自己时，我遇到了你的问题。一旦我弄清楚了，我想我会分享它。 Here is my tutorial with detailed instructions