Chrome 内容脚本未加载 JS

Question

我正在尝试开发一个 Chrome 浏览器扩展程序，它可以在上下文菜单上做一些有趣的事情。问题是，我无法在 manifest.json content_scripts 中加载 JS 文件。

我没有收到错误，文件根本没有加载。

脚本很好，如果我将它们放在我的背景页面中，它们会通过该背景页面很好地触发。缺点是它仅限于背景页面。

{
"name": "Mini",
"description": "Mini",      
"permissions": ["contextMenus","management","contentSettings","tabs","http://*/*","https://*/*","editable"],
"version": "0.1",
"manifest_version": 1,
"background_page": "mini.html",
"icons" : {"16" : "mini.png"},
"contexts" : ["link","tab","page"],
"content_scripts": [{"matches":["<all_urls>"],"js":["jquery172min.js","mini.js"]}]
}

我尝试了所有形式的匹配，包括"http://\*/\*", "https://\*/\*", "\*://\*/\*"

我试过空格，没有空格。我在这里画一个空白。

任何帮助将不胜感激。

$(document).ready(function () {

alert("page is ready");
},true);    

对此我深表歉意。这是我用来测试扩展是否已加载的 javascript/Jquery 的副本。这只是一个简单的警报。

Answer 1

Content scripts不能使用chrome.contextMenus API（实际上这些只能使用some of the chrome.extension methods）。

可以通过chrome.contextMenus.create({title: 'Test', documentUrlPatterns: 'http://*/*'}); 将match patterns 应用于各个菜单项。
创建的菜单项也可以修改 (chrome.contextMenus.update) 和删除 (chrome.contextMenus.remove)。

要在内容脚本和后台页面之间进行通信，请参阅Message passing。