下面的代码Greasemonkey脚本可在Firefox和Opera中使用。同样,当为Safari打包时,它也可以正常工作。但是在Chrome中运行时,出现Uncaught ReferenceError:未定义initScript。直到调用initScript()之前,一切似乎都可以正常工作。 jQuery成功加载,并且setWide()和setHigh()函数正常工作。
如果我将initScript()函数移到preparePage()内,则可以正常工作。我不确定为什么这是必要的。
我将脚本包装在一个匿名函数中,因此可以为整个脚本设置一次“ use strict”。我试过在没有“严格使用”的情况下运行脚本,也没有进行包装。不用找了。
任何建议将不胜感激。
更多信息:我注释掉了每个函数中的所有代码,只是在每个函数的开头放了console.log消息。
function initScript() {
console.log('initScript');
}
如果我对每个功能都执行此操作,那么每个功能将按其应有的顺序运行。我想知道是否加载jQuery的方式可能是问题。
// ==UserScript==
// @name Testing Userscript
// @namespace http://www.example.com/scripts
// @description Cross browser testing
// @include *://apps.facebook.com/exmaple/*
// @include *://*.example.com/platforms/facebook/game
// @exclude *://apps.facebook.com/example/rubies
// @match *://apps.facebook.com/example/*
// @match *://*.example.com/platforms/facebook/game
// @include *://plus.google.com/games/example*
// @include *://*.googleusercontent.com/gadgets/ifr?url=app://example*
// @match *://plus.google.com/games/example*
// @match *://*.googleusercontent.com/gadgets/ifr?url=app://example*
// @require https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js
// @version 0.0.5
// ==/UserScript==
(function () {
"use strict";
function initScript() {
var $J = jQuery.noConflict(), /* Change jQuery alias */
OBJECT = "#swf_object", /* Page and browser specific constants */
GLOBAL_VAR1, /* Global constants from object flashvars (see getFlashvars) */
GLOBAL_VAR2;
function getFlashvars() {
var flashvars = $J(OBJECT + " param[name='flashvars']").attr("value").split("&"),
keyValue,
rslt = {};
$J.each(flashvars, function () {
keyValue = this.split("=");
rslt[keyValue[0]] = keyValue[1];
});
GLOBAL_VAR1 = rslt.global_var1;
GLOBAL_VAR2 = rslt.global_var2;
alert(GLOBAL_VAR1);
}
getFlashvars();
}
function preparePage() {
var iframe,
$J = jQuery.noConflict(),
object = "#swf_object",
platform;
function setHigh() {
clearTimeout();
if ($J(object).length < 1) {
setTimeout(setHigh, 100);
return;
}
switch (platform) {
case "facebook":
$J("#hd > div").css("display", "none");
break;
case "google":
$J("#pane_hd").css("display", "none");
break;
}
$J("#container").width("760px");
initScript();
}
function setWide() {
clearTimeout();
if ($J(iframe).length < 1) {
setTimeout(setWide, 100);
return;
}
switch (platform) {
case "facebook":
$J("#rightCol").css("display", "none");
break;
}
$J(iframe).parents().width("100%");
}
if (window.location.href.indexOf("facebook") !== -1) {
iframe = "#iframe_canvas";
platform = "facebook";
} else if (window.location.href.indexOf("google") !== -1) {
iframe = "#oz-gadgets-canvas-iframe-example";
platform = "google";
}
if (window.top === window.self) {
setWide();
} else {
setHigh();
}
}
function addLibrary(callback) {
var script = document.createElement("script");
script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js");
script.addEventListener('load', function () {
var script = document.createElement("script");
script.textContent = "(" + callback.toString() + ")();";
document.body.appendChild(script);
}, false);
document.body.appendChild(script);
}
if (typeof jQuery === "undefined") {
addLibrary(preparePage);
} else {
preparePage();
}
}());
最佳答案
可能的解决方案:删除了匿名功能。将initScript()和preparePage()函数放在另一个称为main()的函数中。将addLibrary(preparePage)更改为addLibrary(main)。在main()函数底部添加了对preparePage()的调用。这似乎可以在Chrome中使用。尚未在其他地方进行测试。如果/对我满意,将发布固定代码。不确定这是否是最好的方法。任何输入总是感激:)