javascript - Chrome 扩展程序中的上下文菜单

标签 javascript google-chrome-extension

我一直在寻找解决方案,但我遇到的每一个来源似乎都假设我已经对 Chrome 扩展程序有深入的了解,甚至是 Google 的帮助页面

我了解 Chrome 扩展程序的基础知识,并且我使用一些基本内容脚本制作了一个扩展程序。然而,现在我正在寻求制作一个涉及上下文菜单的菜单。

假设当您突出显示单词并右键单击它们时,您会看到选项 Search '<highlighted words>' on Google单击后,它会打开 http://www.google.com/search?q=<highlighted words>在新选项卡中。我知道 Chrome 中存在这种情况,并且我确信已经有十亿个扩展在复制它,但这只是我构建的一个示例。

我该怎么做?

最佳答案

脚本应如下所示:

function getword(info,tab) {
  console.log("Word " + info.selectionText + " was clicked.");
  chrome.tabs.create({  
    url: "http://www.google.com/search?q=" + info.selectionText
  });
}
chrome.contextMenus.create({
  title: "Search: %s", 
  contexts:["selection"], 
  onclick: getword
});

和manifest.json:

{
    "name": "App name",
    "version": "1.0",
    "manifest_version": 2,
    "description": "Your description",
    "permissions": [
      "contextMenus"
     ],
    "background": { 
      "scripts": ["script.js"]
    }
}

这里有如何加载扩展:http://developer.chrome.com/extensions/getstarted.html

关于javascript - Chrome 扩展程序中的上下文菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13783500/

相关文章:

php - jquery 显示特定元素然后在选择另一个元素时隐藏

javascript - Webpack 提取文本插件输出 .js 和 .css 文件用于样式条目

javascript - 在将socket.io错误发送到控制台之前,我可以捕获它吗?

css - chrome 扩展的自定义复选框 css

java - 在 Chrome 中使用 NPAPI 运行 Java Applet 的替代方案

javascript - Chrome扩展 "Script-src"错误(自学)

javascript - 如何输出最终兑换值中的货币符号?

javascript - ASP.NET Core Url.Action 返回空字符串

google-chrome-extension - 是否可以在网页的任何脚本运行之前使用 chrome 扩展程序在网页上下文中运行脚本?

javascript - 如何在 Angular 中使用 Chrome Extension Api?