chrome.contextMenus.create 不起作用

Question

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

这是我的宣言.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"
}

这里是我的背景.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>

但当我加载扩展并右键单击某个选项时，"搜索谷歌地图"按钮不会出现，我不明白为什么。。。

提前感谢您的帮助。

Answer 1

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

你也可以让Chrome为你创建一个背景页面，节省空间。

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

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） 在清单中，将background行替换为：

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