我正在编写一个Greasemonkey用户脚本,该脚本应该使用jQuery并在Google Chrome和Firefox上运行。
我已经看到了几个如何做到这一点的例子,其中包括非常好的答案。所有这些都归结为调用“注入脚本”函数将另一个回调函数作为参数传递。
回调函数中的代码是发生“魔法”的地方,包括访问jQuery
($
)对象。
此解决方案正常。但是,使用它的一个后果是无法从其中调用外部回调函数的函数:
function doSomethingImportantThatIWantToUnitTest(){ ... }
function with_jquery(callback) {
var script = document.createElement("script");
script.type = "text/javascript";
script.textContent = "(" + callback.toString() + ")(jQuery)";
document.body.appendChild(script);
};
with_jquery(function ($) {
doSomethingImportantThatIWantToUnitTest(); // <---- meh. Not defined!
});
所以,我只能使用里面定义的函数回调函数。但这些功能反过来也无法从外部调用。特别是,它们不能从单元测试中调用,例如,这对我来说非常烦人。
有没有办法为Chrome编写Greasemonkey脚本并对其进行单元测试?
答案 0 :(得分:1)
您应该能够将任何想要的内容传递给回调函数,包括函数变量。
var f = function doSomethingImportantThatIWantToUnitTest(){ ... }
function with_jquery(callback) {
var script = document.createElement("script");
script.type = "text/javascript";
script.textContent = "(" + callback.toString() + ")(jQuery,f)";
document.body.appendChild(script);
};
with_jquery(function ($, f) {
f(); // <---- DEFINED!
});
如果你想要做多个函数,并且不想在几个不同的地方更新代码,你可以传入一个具有所有函数作为对象属性或元素的对象或数组。一个数组。
虽然如果是我,我只会在您使用它们的范围内定义函数。