如何在Greasemonkey中使用jQuery?

问题描述 投票:225回答:10

我尝试了这一行,但它不起作用:

// @require       http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js

jQuery根本不适用于Greasemonkey。还有其他方法在Greasemonkey中使用jQuery吗?

--

对于遇到相同问题的所有人,您必须将文件上传到greasespot,然后从那里安装。

“创建新脚本”选项不起作用!

jquery greasemonkey
10个回答
182
投票

也许你没有最近版本的Greasemonkey。版本0.8增加了@require

// @require https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js 

如果你没有0.8,那么使用Joan Piedra为manually adding a script element to the page描述的技术。

在版本0.8和0.9之间,仅在首次安装脚本时处理@require。如果更改了所需脚本的列表,则需要卸载脚本并重新安装; Greasemonkey在安装时下载所需的脚本,然后使用缓存的副本。

从0.9开始,Greasemonkey的行为发生了变化(以解决a tangentially related issue),因此它现在可以在每次编辑后加载所需的脚本;不再需要重新安装脚本。


0
投票

@require不仅在首次安装脚本时处理!根据我的观察,它是在第一次执行时间进行的!因此,您可以通过Greasemonkey的命令安装脚本来创建全新的脚本。您唯一需要注意的是,没有触发页面重新加载,因为您添加了@requirepart。 (并保存新脚本......)


77
投票

如果你想在已经包含它的网站上使用jQuery,这就是要走的路(受BrunoLM的启发):

var $ = unsafeWindow.jQuery;

我知道这不是问题的原始意图,但它越来越成为一种常见的情况,你没有明确排除这种情况。 ;)


21
投票

在Greasemonkey脚本中包含整个jQuery绝对没有错。只需获取源代码,并将其放在用户脚本的顶部。不需要制作脚本标签,因为您已经在执行JavaScript了!

用户只能一次下载脚本,因此脚本的大小不是一个大问题。此外,如果您希望Greasemonkey脚本在非GM环境中工作(例如Opera的GM-esque用户脚本或Safari上的Greasekit),那么它将有助于不使用GM独有的构造,例如@require。


7
投票

Rob的解决方案是正确的 - 使用@require和jQuery库,并确保重新安装脚本以便处理指令。

我认为值得补充的一件事是,除了AJAX方法之外,一旦将其包含在脚本中,就可以正常使用jQuery。默认情况下,jQuery查找XMLHttpRequest,它在Greasemonkey上下文中不存在。我写了关于a workaround的文章,你在其中为GM_xmlhttpRequest(Greasemonkey版本的XHR)创建了一个包装器,并使用jQuery的ajaxSetup()来指定你的包装版本作为默认值。一旦你这样做,你可以像往常一样使用$.get$.post

您可能还遇到jQuery的$.getJSON问题,因为它使用<script>标记加载JSONP。这会导致错误,因为jQuery在Greasemonkey窗口的范围内定义了回调函数,并且加载的脚本在主窗口的范围内查找回调。你最好的选择是使用$.get代替并用JSON.parse()解析结果。


4
投票

更新:正如下面的评论所说,这个答案已经过时了。

正如其他人所说的那样,只有在安装脚本时才会运行@require。但是,您应该注意到,当前jQuery 1.4。*不适用于greasemonkey。你可以在这里看到详细信息:http://forum.jquery.com/topic/importing-jquery-1-4-1-into-greasemonkey-scripts-generates-an-error

在事情发生变化之前,你必须使用jQuery 1.3.2。


4
投票

如果您使用的是chrome,则必须选择替代品,因为Chromium不支持@require

资料来源:The Chromium Project - User scripts

关于How can I use jQuery in Greasemonkey scripts in Google Chrome?的更多细节和替代方案


3
投票

您可以使用Greasemonkey中的新用户脚本创建新脚本,但必须编辑gm_scripts文件夹中的config.xml文件。

您的config.xml文件应具有与此类似的语法:

<Script filename="jquery_test.user.js" name="jQuery Test" namespace="http://www.example.com/jQueryPlay/" description="Just a test" enabled="true" basedir="jquery_test">
        <Include>http://*</Include>
        <Require filename="jquery.js"/>
</Script>

注意<Require>标签。

在您的脚本中,您可以使用直接的jQuery语法。确保Greasemonkey标头中有require标签。这是一个Hello World示例:

// ==UserScript==
// @name           Test jQuery
// @namespace      http://www.example.com/jQueryPlay/
// @description    Just a test
// @include        http://*
// @require       http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js
// ==/UserScript==

$(document).ready(function() {  
        alert("Hello world!");
});

请记住,在修改config.xml之后,您必须重新启动浏览器以使Greasemonkey再次重新加载设置。

另请注意,您需要将jquery.js文件复制到脚本目录文件夹才能使其正常工作。我对此进行了测试,只有在手动复制文件时它才有效。

快乐jQuerying!


2
投票

当你想使用jQuery取消绑定网页上的事件时@require meta不起作用,你必须使用网页中包含的jQuery库,然后使用var $ = unsafeWindow.jQuery; How do I unbind jquery event handlers in greasemonkey?在Greasemonkey中获取它


1
投票

如果直接导入jQuery脚本,可能会得到Component unavailable

也许这就是@Conley所说的......

您可以使用

@require        http://userscripts.org/scripts/source/85365.user.js

这是一个在Greasemonkey上运行的修改版本,然后获取jQuery对象

var $ = unsafeWindow.jQuery;
$("div").css("display", "none");
© www.soinside.com 2019 - 2024. All rights reserved.