Greasemonkey Script et fonction Portée

Question

Voici mon code de script:

// ==UserScript== 
    // @name   test 
    // @description test 
    // @include  http://* 
    // @copyright  Bruno Tyndall 
    // ==/UserScript== 

    var main = function() { 
     var b = document.getElementsByTagName('body')[0]; 
     var t = document.createElement('div'); 
     t.innerHTML = '<a href="javascript:void(0);" style="color:white;">Hello World</a>'; 
     t.style.position = 'absolute'; 
     t.style.zIndex = 1000; 
     t.style.bottom = '5px'; 
     t.style.right = '5px'; 
     t.firstChild.setAttribute('onclick', 'test();'); 
     b.appendChild(t); 

    } 

    var test = function() { 
     alert("Hello World"); 
    } 
    main(); 

La seule question que j'ai est quand Bonjour tout le monde est cliqué la page ne peut pas trouver la fonction test(). S'il vous plaît dites-moi que je n'ai pas à le résoudre par innerHTML'ing la fonction sur la page comme this. Y a-t-il un autre moyen?

Merci.

Answer 1

Tous les accès à dom et window sont via des wrappers.

Si vous souhaitez accéder aux objets non sécurisés, vous pouvez utiliser la propriété wrappedJSObject.

Pour votre cas, vous pouvez utiliser unsafeWindow (ou window.wrappedJSObject):

unsafeWindow.test = function() { .... 

Il y a quelques problèmes de sécurité avec ce sujet, voir: http://wiki.greasespot.net/UnsafeWindow

, Greasemonkey Réalise également le script après la DOMContentLoaded (lorsque le dom est prêt), donc vous n'avez pas besoin de ce non-sens.

De même, vous ne pouvez pas utiliser d'attributs pour définir des écouteurs d'événement ou des propriétés, vous devez utiliser dom api pour cela. Par exemple:

t.firstChild.addEventListener('click', test, false); 

ou:

t.firstChild.addEventListener('click', function(event){ blabla }, false); 

Answer 2

Essayez d'ajouter le test de fonctionnement à l'objet fenêtre

window.test = function ... 

Modifier

En outre, il est une bonne idée d'exécuter votre code à partir d'un gestionnaire d'événements « de charge » au lieu de simplement en l'appelant à la fin de vos scripts. .: par exemple

window.addEventListener("load", function(e) { 
// Your main() here 
}, false); 

Answer 3

IIRC, exécute Greasemonkey au sein de son propre champ, donc test ne sera pas dans l'espace de noms global. Au lieu de poluer le global, pourquoi ne pas créer votre élément d'ancrage à travers la manipulation DOM? Cela vous renverra une refernece que vous pouvez lier une fonction anonyme (ou le test de portée greasemonkey). Greasemonkey exécute le script dans un bac à sable - la page n'y a pas accès pour des raisons de sécurité.