我正在尝试进入Chrome扩展的神奇世界。现在,我已经构建了我的清单文件,并尝试加载jQuery。
{
"name": "Test Extension",
"version": "0.1",
"manifest_version": 2,
"description": "First try",
"options_page": "options.html",
"content_scripts": [{
"matches": ["chrome-extension://*/*"],
"js": ["jquery.js", "popup.js"],
"run_at": "document_end"
}],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html",
"default_title": "Click me!"
}
}
尝试重新加载扩展会告诉我"匹配项"不符合有效的架构。
但这还不是全部。为了克服它,我尝试将"匹配项"的值更改为*:/ / * / *
并重新加载。
嗯,扩展似乎成功加载了,但由于从弹出窗口.js中获取的错误,似乎jquery未加载:
Uncaught ReferenceError: $未定义
实际上,HTML只是:
<!doctype html>
<html>
<head>
<title>Test Extension</title>
<link rel="stylesheet" style="text/css" src="style.css">
</head>
<body>
<div id="test"></div>
</body>
</html>
<script type="text/javascript" src="popup.js"></script>
popup.js代码只是这样做:
$("#test").html("Foo!");
$("#test").html("Foo!");
而不是$.('#test')
? - CD..