Comment inclure un fichier javascript distant dans un script Greasemonkey?

Je suis en train d'écrire un script Greasemonkey, et souhaitez utiliser la librairie jQuery pour le faire, mais je ne suis pas tout à fait sûr de savoir comment je inclure jQuery à partir d'une adresse web pour obtenir le roulement.

Comment aurais-je inclure jQuery (à partir de Google web server) dans le script greasemonkey de sorte que je peux simplement aller:

$(document).ready(function(){
  //Greasemonkey stuff here
});

Je préfère à obtenir de cette source:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>

Mise à jour: Merci pour l'aide, les réponses ont été très instructifs. Je l'ai fait, cependant, utiliser mon GoogleFu un peu plus et suis tombé sur ce solution: http://joanpiedra.com/jquery/greasemonkey/

Fonctionne comme un charme.. il suffit de mettre à jour la source de google hébergé version de jQuery complet.

source d'informationauteur tester

34

La méthode recommandée dans les versions récentes de greasemonkey est d'utiliser le @exiger balise de commentaire.

E. g.
```
//==UserScript==
//@name          Hello jQuery
//@namespace     http://www.example.com/
//@description   jQuery test script
//@include       *
//@require       http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
//==/UserScript==
```
Mais... sachez que jQuery 1.4.1 et 1.4.2 sont incompatibles avec la présente méthode

Merci Paul Tarjan, de souligner ce point. Voir jQuery fil de discussion du forum.

Également être informés de ces @exiger la sémantique

À la fois que l'utilisateur script est installé, Greasemonkey permet de télécharger et de conserver une copie localement mise en cache du fichier distant qui peut être lu presque instantanément. La copie mise en cache est maintenu dans le même dossier que votre utilisateur installé le script. Le fichier distant n'est pas surveillée pour les changements.

S'il vous plaît être conscient que, au moment de la rédaction de cette réponse, c' @besoin d'étiquettes est en lecture uniquement lors de l'installation en temps. Si vous modifier un utilisateur existant script pour ajouter cette balise, il sera ignoré. Vous avez besoin de désinstaller et ré-installer votre script utilisateur pour ramasser le changement.

De ici:

//==UserScript== 
//@name           jQueryTest 
//@namespace      http://www.example.com/
//@include        * 
//==/UserScript== 

//Add jQuery 
var GM_JQ = document.createElement('script'); 
GM_JQ.src = 'http://jquery.com/src/jquery-latest.js';
GM_JQ.type = 'text/javascript'; 
document.getElementsByTagName('head')[0].appendChild(GM_JQ); 

//Check if jQuery's loaded 
function GM_wait() { 
    if(typeof unsafeWindow.jQuery == 'undefined') 
{ window.setTimeout(GM_wait,100); } 
        else { $ = unsafeWindow.jQuery; letsJQuery(); } 
} 
GM_wait(); 

//All your GM code must be inside this function 
function letsJQuery() { 

    alert($); //check if the dollar (jquery) function works 
    //the next call fails 
    $("<div id='example' class='flora' title='This is my title'>I'm in 
a dialog!</div>").dialog({ 
            buttons: { 
                "Ok": function() { 
                    alert("Ok"); 
                }, 
                "Cancel": function() { 
                    $(this).dialog("close"); 
                } 
            } 
        }); 
}

Il fonctionne parfaitement, mais vous voudrez peut-être limiter les sites qu'elle s'exécute sur l'hôte ou le jQuery, js fichiers sur votre propre site afin de ne pas voler leur bande passante.

Vous pourriez essayer de la création dynamique d'un élément de script:

var script = document.createElement("script");
script.src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js";
document.getElementsByTagName("head")[0].appendChild(script);

Vous devrez peut-être retarder un peu, tandis que le script charge (setTimeout?)

Basé sur Chris répondreje m'adapter à mes besoins propres, comme suit.

//==UserScript==
//@description require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.jss
//@name         Baidu Mask
//@namespace    http://tampermonkey.net/
//@version      0.1
//@description  try to take over the world!
//@author       You
//@match        https://www.ibm.com/developerworks/cn/opensource/os-cn-greasemonkey/index.html
//@match        *://www.baidu.com/*
//@match        *://baike.baidu.com/*
//@match        *://zhidao.baidu.com/*
//@match        *://www.weather.com.cn/*
//@grant        none
//==/UserScript==
(function () {
'use strict';
//Your code here...
var $j;
function GM_wait() {
if (typeof jQuery === 'undefined') {
window.setTimeout(GM_wait, 100);
}
else {
$j = jQuery.noConflict();
doJob();
}
}
function loadJquery() {
//Check if jQuery's loaded
if (typeof jQuery === 'undefined') {
//Add jQuery
var GM_JQ = document.createElement('script');
GM_JQ.src = 'https://code.jquery.com/jquery-1.12.4.min.js';
GM_JQ.type = 'text/javascript';
GM_JQ.id = 'jquery-lyz';
document.getElementsByTagName('head')[0].appendChild(GM_JQ);
GM_wait();
} else {
doJob();
}
}
loadJquery();
function doJob() {
if (typeof $j === 'undefined') {
$j = $;
}
var url_arr = [
{'name': "baidu", 'value': "www.baidu.com"},
{'name': "baike", 'value': "baike.baidu.com"},
{'name': "zhidao", 'value': "zhidao.baidu.com"},
{'name': "weather", 'value': "http://www.weather.com.cn"},
];
var url = location.href;
var siteObj = {};
$j(url_arr).each(function (i, item) {
if (url.indexOf(item.value) > -1) {
siteObj = item;
return false;
}
});
var delay_arr = [];
var timerCount = 1;
function hideTimer() {
timerCount++;
if (timerCount > 20) {
return;
}
delay_arr = $j.grep(delay_arr, function (_selector, i) {
var $ele = $j(_selector);
var visible = $ele.is(':visible');
console.log($ele, visible);
if (visible) {
$ele.hide();
return false;
}
return true; //keep the element in the array
});
if (delay_arr.length > 0) {
setTimeout(hideTimer, 500);
}
}
setTimeout(hideTimer, 500);
var $frms;
switch (siteObj.name) {
case 'baidu':
$j('#content_right').hide();
break;
case 'baike':
$j('.topA, .lemmaWgt-promotion-slide, .union-content, .right-ad, .lemmaWgt-promotion-vbaike, .nav-menu').hide();
delay_arr.push('#side_box_unionAd');
break;
case 'zhidao':
$j('.widget-new-graphic, #union-asplu, .jump-top-box').hide();
delay_arr.push('.wgt-daily');
delay_arr.push('.shop-entrance');
delay_arr.push('.cms-slide');
delay_arr.push('.nav-menu');
$frms = $j('iframe');
$frms.hide();
break;
case 'weather':
$j('.right, .hdImgs, .tq_zx, #di_tan, #zu_dui').hide();
//delay_arr.push('.wgt-daily');
$frms = $j('iframe');
$frms.hide();
break;
}
}
})();

Mon script nécessité de travailler sur les différents sites, alors que certains a jquery inclus, et d'autres pas, donc je dois tester. Le "besoin" de façon à ne pas travailler ici.

Vous devez vous connecter pour publier un commentaire.