如何在 Google Chrome 的 Greasemonkey 脚本中使用 jQuery? [英] How can I use jQuery in Greasemonkey scripts in Google Chrome?

问题描述

你们中的一些人可能知道，谷歌浏览器对 Greasemonkey 脚本进行了一些严格的限制.

As some of you may know, Google Chrome has put some severe limitation on Greasemonkey scripts.

Chromium 不支持 @require、@resource、unsafeWindow、GM_registerMenuCommand、GM_setValue 或 GM_getValue.

Chromium does not support @require, @resource, unsafeWindow, GM_registerMenuCommand, GM_setValue, or GM_getValue.

没有要求，我找不到在 Google Chrome 下的 Greasemonkey 脚本中包含 jQuery 库的方法.

Without require, I can't find a way to include the jQuery library in Greasemonkey script under Google Chrome.

有人对这件事有什么建议吗?

Does anybody have some advice in this matter?

推荐答案

来自 "用户脚本提示:使用 jQuery - Erik Vold 的博客"

// ==UserScript==
// @name         jQuery For Chrome (A Cross Browser Example)
// @namespace    jQueryForChromeExample
// @include      *
// @author       Erik Vergobbi Vold & Tyler G. Hicks-Wright
// @description  This userscript is meant to be an example on how to use jQuery in a userscript on Google Chrome.
// ==/UserScript==

// a function that loads jQuery and calls a callback function when jQuery has finished loading
function addJQuery(callback) {
  var script = document.createElement("script");
  script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);
}

// the guts of this userscript
function main() {
  // Note, jQ replaces $ to avoid conflicts.
  alert("There are " + jQ('a').length + " links on this page.");
}

// load jQuery and execute the main function
addJQuery(main);

这篇关于如何在 Google Chrome 的 Greasemonkey 脚本中使用 jQuery?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！