Як можна використовувати jQuery в Greasemonkey?

Я спробував поставити цю лінію, але вона не працює:

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

jQuery взагалі не працює в Greasemonkey. Чи є інший спосіб використовувати jQuery в Greasemonkey?

-

Для всіх людей, які мають одну і ту ж проблему, потрібно завантажити файл у жиру, а потім встановити його звідти.

Параметр Створити новий сценарій не працює!

Можливо, у вас немає достатньо нової версії Greasemonkey. Додано версію 0.8 @require.

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

Якщо у вас немає 0,8, використовуйте техніку, яку описує Джоан П'єдра, щоб додати scriptелемент до сторінки вручну .

Між версії 0.8 і 0.9, @requireбуде оброблено лише тоді , коли сценарій спочатку встановлений. Якщо ви зміните список необхідних сценаріїв, вам потрібно видалити свій скрипт та встановити його знову; Greasemonkey завантажує потрібний сценарій один раз при встановленні і після цього використовує кешовану копію.

Станом на 0,9, поведінка Greasemonkey змінилася (щоб вирішити тангенціально пов'язану проблему ), так що тепер вона завантажує необхідні сценарії після кожного редагування; перевстановлення сценарію більше не потрібно.

Якщо ви хочете використовувати jQuery на сайті, де він уже включений, це шлях (натхненний BrunoLM):

var $ = unsafeWindow.jQuery;

Я знаю, що це не був початковий намір питання, але він все частіше стає загальним випадком, і ви прямо не виключали цю справу. ;)

Немає нічого поганого в тому, щоб включити всю повноту jQuery у свій сценарій Greasemonkey. Просто візьміть джерело та розмістіть його у верхній частині вашого сценарію користувача. Не потрібно робити тег сценарію, оскільки ви вже виконуєте JavaScript!

Користувач завантажує сценарій лише один раз, тому розмір сценарію не викликає особливих проблем. Крім того, якщо ви хочете, щоб ваш сценарій Greasemonkey працював у не-GM середовищах (таких як користувацькі сценарії GM-esque Opera або Greasekit на Safari), це допоможе не використовувати унікальні конструкції GM, такі як @require.

Рішення Роб є правильним - користуйтеся @requireбібліотекою jQuery і не забудьте перевстановити свій сценарій, щоб директива була оброблена.

Я думаю, що варто додати те, що ви можете використовувати jQuery звичайно після того, як ви включили його у свій сценарій, за винятком методів AJAX . За замовчуванням jQuery шукає XMLHttpRequest, який не існує в контексті Greasemonkey. Я писав про обхідному шляху , де ви створюєте оболонку для GM_xmlhttpRequest (версія Greasemonkey з XHR) і використовувати JQuery - х ajaxSetup()вказати вашу обгорнуту версію за замовчуванням. Після цього ви зможете користуватися $.getі $.postяк завжди.

Також у вас можуть виникнути проблеми з jQuery, $.getJSONоскільки він завантажує JSONP за допомогою <script>тегів. Це призводить до помилок, оскільки jQuery визначає функцію зворотного виклику в області вікна Greasemonkey, а завантажені сценарії шукають зворотний виклик у межах головного вікна. Ваша найкраща ставка - використовувати $.getзамість цього і проаналізувати результат JSON.parse().

Ви можете створити новий скрипт за допомогою Нового сценарію користувача в Greasemonkey, але вам потрібно відредагувати файл config.xml всередині папки gm_scripts.

Ваш файл 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 є тег вимагання. Ось приклад 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!

Оновлення : Як йдеться в коментарі нижче, ця відповідь застаріла.

Як всі інші сказали, @require запускається лише після встановлення сценарію. Однак слід також зазначити, що в даний час jQuery 1.4. * Не працює з gresemonkey. Тут Ви можете ознайомитись тут: http://forum.jquery.com/topic/importing-jquery-1-4-1-into-greasemonkey-scripts-generates-an-error

Вам доведеться використовувати jQuery 1.3.2, поки все не зміниться.

Якщо ви використовуєте хром, вам доведеться обрати альтернативу, оскільки Chromium не підтримує @require.

Джерело: Проект Chromium - Сценарії користувачів

Детальніше та альтернативи на тему Як я можу використовувати jQuery в сценаріях Greasemonkey в Google Chrome?

метаресурсу @require не працює, коли ви хочете від’єднати події на веб-сторінці за допомогою jQuery, ви повинні використовувати бібліотеку jQuery, включену на веб-сторінку, а потім отримати її в Greasemonkey за допомогою Як відключити var $ = unsafeWindow.jQuery; обробники подій jquery у greasemonkey?

Ви можете отримати, Component unavailableякщо ви імпортуєте сценарій jQuery безпосередньо.

Можливо, саме про це говорив @Conley ...

Можна використовувати

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

яка є модифікованою версією для роботи над Greasemonkey, а потім отримати об’єкт jQuery

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

@requireце НЕ обробляється тільки коли сценарій перший встановлений! За моїми спостереженнями, це обробляється в перший час виконання! Таким чином, ви можете встановити сценарій за допомогою команди Greasemonkey для створення абсолютно нового сценарію. Єдине, про що ви повинні подбати, це те, щоб не було запущено перезавантаження сторінки, щоб додати цю @requireчастину. (і збережіть новий сценарій ...)