google-chrome-extension - chrome.contextMenus.create 不起作用

Question

我尝试创建一个简单的 chrome 扩展来在 chrome 的上下文菜单中添加一个选项。

这是我的 manifest.json

{
   "manifest_version": 2,
   "background": "background.html",
   "description": "Add a context menu item to search for selected text at Google Maps.",
   "icons": {
      "16": "icon16.png"
   },
   "name": "Google Maps Right Click",
   "permissions": [ "contextMenus", "tabs" ],
   "version": "1.0"
}

这里是我的 background.html :

<script>

function searchgooglemaps(info)
{
 var searchstring = info.selectionText;
 chrome.tabs.create({url: "http://maps.google.com/maps?q=" + searchstring})
}

chrome.contextMenus.create({title: "Search Google Maps", contexts:["selection"], onclick: searchgooglemaps});

</script>

但是当我加载扩展并右键单击一个选项时，“搜索 Google map ”按钮没有出现，我不明白为什么......

预先感谢您的帮助。

Answer 1

HTML 文件中的内联 JavaScript 通常不再起作用；而是将您的 JavaScript 放入自己的文件中。

您也可以让 Chrome 创建一个 background page为您节省空间。

因此，要使您的扩展工作:

1) 创建一个文件(例如 background.js )并将您的 JavaScript 放入其中:

function searchgooglemaps(info)
{
 var searchstring = info.selectionText;
 chrome.tabs.create({url: "http://maps.google.com/maps?q=" + searchstring})
}

chrome.contextMenus.create({title: "Search Google Maps", contexts:["selection"], onclick: searchgooglemaps});

2) 在您的 list 中，替换您的 background与此一致:

"background": {
    "scripts": ["background.js"]
},