Pridanie jQuery do Greasemonkey skriptu

Greasemonkey je Firefox add-on umožňujúci vám spúšťať JavaScript na webových stránkach, ktoré učíte. Pomocou Greasemonkey môžete zlepšiť a zmeniť spôsob, akým stránky vyzerajú a ako sa správajú (pozri príklady toho, čo dokáže na userscript.org). Ak sa chcete dozvedieť viac, navštívte oficiálnu stránku; naučíte sa tam, ako načítať a napísať vaše vlastné skripty (aka "user scripts", navštívte manuál.

Greasemonkey skripty obvykle pracujú s DOM a jQuery je najlepší spôsob ako s ním pracovať. Niet teda divu, že budete chcieť načítať jQuery do vášho vlastného skriptu. Tu sú 3 spôsoby, ako načítať jQuery knižnicu do vášho user skriptu.

Ak ste sa zamerali na Greasemonkey 0.8.0+ môžete použiť @require. To sa spustí raz, pri inštalácii, takže sa stiahne len raz. To je preferovaný a najefektívnejší spôsob, ako pridať jQuery.

// ==UserScript==
// @name     My jQuery Test
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// ==/UserScript==

// Váš kód
$(".ads").remove();

Ak vyvíjate pre staršie verzie Greasemonkey, máte 2 možnosti. Buď pridáte celý kód jQuery knižnice do vášho GM skriptu alebo dynamicky pridáte <script> tag do stránky.

Pridanie jQuery knižnice priamo do vášho skriptu

// ==UserScript==
// @name     My jQuery Test
// ==/UserScript==

// include jQuery library
/*!
 * jQuery JavaScript Library v1.6.2
 * http://jquery.com/
 *
 * Copyright 2011, John Resig
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * Includes Sizzle.js
 * http://sizzlejs.com/
 * Copyright 2011, The Dojo Foundation
 * Released under the MIT, BSD, and GPL Licenses.
 *
 * Date: Thu Jun 30 14:16:56 2011 -0400
 */
(function(a,b){function cv(a){return f.isWindow(a)? ...

// Váš kód
$(".ads").remove();

Ďalší spôsob pridania jQuery

Ďalším spôsobom, ako pridať jQuery, je pripojenie <script> tagu do dokumentu. Môžete si o tom prečítať viac a stiahnuť kód na joanpiedra.com.

Nezabudnite skontrolovať, či je už jQuery načítaný

if (unsafeWindow.jQuery === undefined) {
   // jQuery NIEJE načítaný
} else {
   // jQuery JE načítaný
}

Tagy: greasemonkey