Comecei a programar UserScripts no Chrome e quase todos os snippets de código que encontro funcionam, mas na hora de ir pro Firefox dá problema. No Chrome uso o Tampermonkey e no Firefox o Scriptish (que é um fork do Greasemonkey).
[Nota aos futuros visitantes, desaconselho enfaticamente trabalhar com o Scriptish, tem coisas que rodam tranquilamente no GM e TM mas não nele.]
Por exemplo, se adiciono um script na DOM, cujo retorno é um JSONP, a função callback
(global) do JSONP dá undefined
no FF. Ou então, se faço uma chamada AJAX, na hora do executar uma função global dentro do success
também dá undefined
no FF.
Fiz uma versão reduzida que demonstra o problema. A função global_function
roda no Chrome mas não no FF. O domínio de execução é o SOPT e a chamada AJAX é ao API do Stack Exchange.
// ==UserScript==
// @name (SOPT) FF problems
// @namespace sopt.se
// @author brasofilo
// @include http://pt.stackoverflow.com/*
// @description Testando problemas no FF
// ==/UserScript==
jquery_url = '//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js'
global_function = function() {
alert( 'yes!' );
}
/**
* Chamada depois que o jQuery foi carregado
*/
function jqueryLoaded() {
jQ.ajax({
url: 'http://api.stackexchange.com/2.2/users',
data: { order: 'desc', sort: 'reputation', site: 'stackoverflow' },
type: 'get',
dataType: 'json',
cache: false,
success: function(data) {
console.log(data);
global_function();
}
});
}
/**
* Carrega jQuery e chama callback quando carregar
* Nota: jQ substitui $ para evitar conflitos
*
* https://stackoverflow.com/a/3550261/1287812
*/
function addJQuery( callback ) {
var script = document.createElement( 'script' );
script.setAttribute( 'src', jquery_url );
script.addEventListener( 'load', function() {
var script = document.createElement('script');
script.textContent = 'window.jQ=jQuery.noConflict(true);(' + callback.toString() + ')();';
document.body.appendChild( script );
}, false );
document.body.appendChild( script );
}
addJQuery( jqueryLoaded );
Tentei window.global_function = function(){ }
, function global_function() {}
, unsafeWindow.global_function = function(){ }
e segue undefined
. E conferi as seguintes discussões mas não esclareci nada...
- Greasemonkey Script and Function Scope
- Greasemonkey & global variables
- Greasemonkey Script and Function Scope
Como resolver essa questão de scope? E além disso, existem outras diferenças básicas ao programar UserScripts para o Chrome e para o Firefox?