jQuery无法在Chrome扩展程序中使用

这个代码是在我提出的另一个问题中提供给我的，但我在开始时遇到了错误。 以下是导致问题的代码部分：

// @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js // @require https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js // @resource jqUI_CSS http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css // ==/UserScript== var cssResource = GM_getResourceText("jqUI_CSS"); GM_addStyle(cssResource); $("#pickMe").datepicker(); 

我得到的第一个错误是“未定义GM_getResourceText”

如果我注释掉了，那么下一行，那么我得到的下一个错误是“未定义的未被引用的referenceerror $”。 我在最后一行得到了这个。

这就像脚本没有从谷歌获得jQuery的东西。

有任何想法吗？ 谢谢！

Answer 1

在Chrome中，“用户脚本”是扩展程序。 使用外部库的最简单方法是通过清单文件配置代码。

下载jquery.min.js ， jquery-ui.min.js和jquery-ui.css ，并将它们放在同一目录中。 通过将所有出现的url(...)替换为url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/...) 确保解析图像的路径 （CSS） url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/...) 。

创建manifest.json文件，并添加以下内容：

 { "name": "Name of your extension.", "version": "1.0", "manifest_version": 2, "content_scripts": [{ "js": [ "jquery.min.js", "jquery-ui.min.js", "mycode.js" ], "css": [ "jquery-ui.css" ], "matches": [ "http://similarto-at-include-in-greasemonkey.com/*" ], "run_at": "document_end" }] } 

创建一个名为mycode.js （或任何所需名称）的文件，并添加以下内容：

 $("#pickMe").datepicker(); 

您可以通过chrome://extensions/ ，开发者模式加载或打包您的扩展chrome://extensions/ 。