下面的代碼是Greasemonkey腳本,適用於Firefox和Opera。另外,當爲Safari打包時,它工作正常。在Chrome中運行時,我得到Uncaught ReferenceError:沒有定義initScript。在initScript()被調用之前,一切似乎都正常工作。 jQuery成功加載並且setWide()和setHigh()函數正常工作。Greasemonkey未捕獲ReferenceError:未在Chrome中定義initScript
如果我在preparePage()中移動initScript()函數,那麼它工作正常。我不確定爲什麼這是必要的。
我把腳本包裝在一個匿名函數中,所以我可以爲整個腳本設置「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();
}
}());