Jak mogę używać jQuery w Greasemonkey?

Próbowałem umieścić tę linię, ale to nie działa:

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

jQuery w ogóle nie działa w Greasemonkey. Czy istnieje inny sposób korzystania z jQuery w Greasemonkey?

-

Dla wszystkich osób, które mają ten sam problem, musisz przesłać plik do punktu dostępu, a następnie zainstalować go stamtąd.

Opcja Utwórz nowy skrypt nie działa!

Być może nie masz wystarczająco nowej wersji Greasemonkey. Dodano wersję 0.8 @require.

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

Jeśli nie masz 0,8, skorzystaj z techniki opisanej przez Joan Piedra w celu ręcznego dodania scriptelementu do strony .

Pomiędzy wersją 0.8 a 0.9 @requirejest przetwarzany tylko przy pierwszej instalacji skryptu. Jeśli zmienisz listę wymaganych skryptów, musisz odinstalować skrypt i zainstalować go ponownie; Greasemonkey pobiera wymagany skrypt raz podczas instalacji, a następnie używa kopii w pamięci podręcznej.

Od wersji 0.9 zachowanie Greasemonkey zmieniło się (w celu rozwiązania problemu związanego ze styczną ), tak że teraz ładuje wymagane skrypty po każdej edycji; ponowna instalacja skryptu nie jest już konieczna.

Jeśli chcesz użyć jQuery na stronie, na której jest już uwzględniony, jest to odpowiedni sposób (zainspirowany przez BrunoLM):

var $ = unsafeWindow.jQuery;

Wiem, że nie było to pierwotnym celem pytania, ale staje się coraz bardziej powszechnym przypadkiem i nie wykluczyłeś go wyraźnie. ;)

Nie ma absolutnie nic złego w włączeniu całego jQuery do skryptu Greasemonkey. Po prostu weź źródło i umieść je na górze skryptu użytkownika. Nie musisz tworzyć tagu skryptu, ponieważ już uruchamiasz JavaScript!

Użytkownik i tak pobiera skrypt tylko raz, więc rozmiar skryptu nie stanowi dużego problemu. Ponadto, jeśli kiedykolwiek chcesz, aby skrypt Greasemonkey działał w środowiskach innych niż GM (takich jak skrypty użytkownika GM w wersji Opera lub Greasekit w przeglądarce Safari), pomoże to nie używać unikatowych dla GM konstrukcji, takich jak @require.

Rozwiązanie Roba jest właściwe - użyj @requirez biblioteką jQuery i koniecznie zainstaluj ponownie skrypt, aby dyrektywa została przetworzona.

Jedną rzeczą, którą moim zdaniem warto dodać, jest to, że możesz używać jQuery normalnie po włączeniu go do skryptu, z wyjątkiem metod AJAX . Domyślnie jQuery szuka XMLHttpRequest, który nie istnieje w kontekście Greasemonkey. Pisałem o obejście gdzie można utworzyć otoki dla GM_xmlhttpRequest (wersja Greasemonkey od XHR) i wykorzystać jQuery ajaxSetup()aby określić owinięte wersję jako domyślną. Gdy to zrobisz, możesz użyć $.geti $.postjak zwykle.

Możesz również mieć problemy z jQuery, $.getJSONponieważ ładuje JSONP za pomocą <script>znaczników. Prowadzi to do błędów, ponieważ jQuery definiuje funkcję wywołania zwrotnego w zakresie okna Greasemonkey, a załadowane skrypty szukają wywołania zwrotnego w zakresie okna głównego. Najlepiej jest użyć $.getzamiast tego i przeanalizować wynik JSON.parse().

Możesz utworzyć nowy skrypt za pomocą nowego skryptu użytkownika w Greasemonkey, ale musisz edytować plik config.xml w folderze gm_scripts.

Twój plik config.xml powinien mieć podobną składnię jak ta:

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

Zwróć uwagę na <Require>tag.

W swoim skrypcie możesz użyć bezpośredniej składni jQuery. Upewnij się, że masz wymagany tag w nagłówku Greasemonkey. Oto przykład 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!");
});

Pamiętaj, że po zmodyfikowaniu pliku config.xml musisz ponownie uruchomić przeglądarkę, aby Greasemonkey ponownie załadował ustawienia.

Pamiętaj również, że musisz skopiować plik jquery.js do folderu katalogu skryptów, aby to zadziałało. Przetestowałem to i działa tylko wtedy, gdy faktycznie skopiujesz plik ręcznie.

Szczęśliwego jQuerying!

Aktualizacja : Jak mówi poniższy komentarz, ta odpowiedź jest nieaktualna.

Jak wszyscy powiedzieli, @require jest uruchamiane tylko po zainstalowaniu skryptu. Jednak należy również zauważyć, że obecnie jQuery 1.4. * Nie działa z fatmonkey. Możesz zobaczyć tutaj szczegóły: http://forum.jquery.com/topic/importing-jquery-1-4-1-into-greasemonkey-scripts-generates-an-error

Będziesz musiał używać jQuery 1.3.2, aż wszystko się zmieni.

Jeśli używasz Chrome, musisz wybrać alternatywę, ponieważ Chromium nie obsługuje @require.

Źródło: The Chromium Project - Skrypty użytkownika

Więcej szczegółów i alternatyw na temat Jak korzystać z jQuery w skryptach Greasemonkey w Google Chrome?

meta @require nie działa, gdy chcesz cofnąć powiązanie zdarzeń na stronie za pomocą jQuery, musisz użyć biblioteki jQuery zawartej na stronie, a następnie pobrać ją w Greasemonkey za pomocą var $ = unsafeWindow.jQuery; Jak usunąć powiązanie procedur obsługi zdarzeń jquery w greasemonkey?

Możesz to uzyskać, Component unavailablejeśli bezpośrednio zaimportujesz skrypt jQuery.

Może o tym mówiła @Conley ...

Możesz użyć

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

która jest zmodyfikowaną wersją do pracy na Greasemonkey, a następnie pobierz obiekt jQuery

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

@requireNIE jest przetwarzany tylko przy pierwszej instalacji skryptu! Z moich obserwacji wynika, że ​​jest on przetwarzany przy pierwszym wykonaniu! Więc można zainstalować za pomocą polecenia skryptu Greasemonkey dla tworzenia skryptu nowiuteńki. Jedyną rzeczą, na którą musisz uważać, jest to, że nie zostanie uruchomione ponowne ładowanie strony, zanim dodasz @requireczęść. (i zapisz nowy skrypt ...)