Come posso usare jQuery in Greasemonkey?

Ho provato a mettere questa linea ma non funziona:

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

jQuery non funziona affatto in Greasemonkey. C'è un altro modo di usare jQuery in Greasemonkey?

-

Per tutte le persone che hanno lo stesso problema, è necessario caricare il file su Greasespot e installarlo da lì.

L'opzione Crea nuovo script non funzionerebbe!

Forse non hai una versione abbastanza recente di Greasemonkey. È stata aggiunta la versione 0.8 @require.

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

Se non hai 0,8, usa la tecnica descritta da Joan Piedra per aggiungere manualmente un scriptelemento alla pagina .

Tra la versione 0.8 e 0.9, @requireviene elaborato solo quando lo script viene installato per la prima volta. Se si modifica l'elenco degli script richiesti, è necessario disinstallare lo script e reinstallarlo; Greasemonkey scarica lo script richiesto una volta durante l'installazione e successivamente utilizza una copia cache.

A partire da 0.9, il comportamento di Greasemonkey è cambiato (per risolvere un problema tangenzialmente correlato ) in modo che ora carichi gli script richiesti dopo ogni modifica; reinstallare lo script non è più necessario.

Se vuoi usare jQuery su un sito in cui è già incluso, questa è la strada da percorrere (ispirata a BrunoLM):

var $ = unsafeWindow.jQuery;

So che questo non era l'intento originale della domanda, ma sta diventando sempre più un caso comune e non lo hai escluso esplicitamente. ;)

Non c'è assolutamente nulla di sbagliato nell'includere jQuery nel tuo script Greasemonkey. Basta prendere la fonte e posizionarla nella parte superiore dello script utente. Non è necessario creare un tag di script, poiché stai già eseguendo JavaScript!

L'utente scarica comunque lo script solo una volta, quindi la dimensione dello script non è una grande preoccupazione. Inoltre, se vuoi che il tuo script Greasemonkey funzioni in ambienti non GM (come gli script utente GM-esque di Opera o Greasekit su Safari), ti aiuterà a non usare costrutti unici GM come @require.

La soluzione di Rob è quella giusta: usa @requirela libreria jQuery e assicurati di reinstallare lo script in modo che la direttiva venga elaborata.

Una cosa che penso valga la pena aggiungere è che puoi usare jQuery normalmente dopo averlo incluso nel tuo script, ad eccezione dei metodi AJAX . Per impostazione predefinita, jQuery cerca XMLHttpRequest, che non esiste nel contesto di Greasemonkey. Ho scritto di una soluzione alternativa in cui si crea un wrapper per GM_xmlhttpRequest (la versione Greasemonkey di XHR) e si utilizza jQuery ajaxSetup()per specificare la versione di wrapping come predefinita. Una volta fatto, puoi usare $.gete $.postcome al solito.

Potresti anche avere problemi con jQuery $.getJSONperché carica JSONP usando i <script>tag. Questo porta ad errori perché jQuery definisce la funzione di callback nell'ambito della finestra di Greasemonkey e gli script caricati cercano il callback nell'ambito della finestra principale. La soluzione migliore è utilizzare $.getinvece e analizzare il risultato con JSON.parse().

Puoi creare un nuovo script usando il Nuovo script utente in Greasemonkey ma devi modificare il file config.xml nella cartella gm_scripts.

Il tuo file config.xml dovrebbe avere una sintassi simile a questa:

<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>

Si noti il <Require>tag.

Nel tuo script puoi usare la sintassi jQuery diretta. Assicurati di avere il tag richiesto nell'intestazione Greasemonkey. Ecco un esempio di 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!");
});

Ricorda che dopo aver modificato config.xml devi riavviare il browser affinché Greasemonkey ricarichi nuovamente le impostazioni.

Inoltre, è necessario copiare il file jquery.js nella cartella della directory dello script affinché funzioni. Ho provato questo, e funziona solo se effettivamente copi il file manualmente lì.

Felice jQuerying!

Aggiornamento : come dice il commento qui sotto, questa risposta è obsoleta.

Come altri hanno già detto, @require viene eseguito solo quando lo script è stato installato. Tuttavia, dovresti anche notare che attualmente jQuery 1.4. * Non funziona con greasemonkey. Puoi vedere qui per i dettagli: http://forum.jquery.com/topic/importing-jquery-1-4-1-into-greasemonkey-scripts-generates-an-error

Dovrai usare jQuery 1.3.2 fino a quando le cose non cambieranno.

Se stai usando Chrome devi optare per un'alternativa poiché Chromium non supporta @require.

Fonte: The Chromium Project - Script utente

Maggiori dettagli e alternative su Come posso usare jQuery negli script Greasemonkey in Google Chrome?

il meta @require non funziona quando vuoi separare gli eventi su una pagina web usando jQuery, devi usare una libreria jQuery inclusa nella pagina web e poi ottenerla in Greasemonkey con var $ = unsafeWindow.jQuery; Come posso separare i gestori di eventi jquery in greasemonkey?

Potresti ottenere Component unavailablese importi direttamente lo script jQuery.

Forse è di questo che parlava @Conley ...

Puoi usare

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

che è una versione modificata per funzionare su Greasemonkey e quindi ottenere l'oggetto jQuery

var $ = unsafeWindow.jQuery;
$("div").css("display", "none");

@requireNON viene elaborato solo alla prima installazione dello script! Secondo le mie osservazioni, viene processato il primo tempo di esecuzione! Quindi puoi installare uno script tramite il comando di Greasemonkey per creare uno script nuovo di zecca. L'unica cosa di cui devi preoccuparti è che non sia stata attivata la ricarica della pagina, prima di aggiungere la @requireparte. (e salva il nuovo script ...)