我的Greasemonkey腳本在更新內容後停止工作

Question

我已經爲StumbleUpon做了一個Greasemonkey腳本，它工作。但突然之間，也許經過Mozilla或Scriptish更新後，它停止了所有協議的工作。

請檢查my script是否有錯誤。我在腳本新手

腳本：

// ==UserScript== 
// @name   [udit]add stumblethru image-flip button[w/o container] on all websites 
// @namespace  testing-for-that-script 
// @description  
// @include   http://facebook.com/* 
// @include   http://* 
// @include   https://* 
// @include   * 
// @exclude   file:///* 
// ==/UserScript== 

if (window.top != window.self) //don't run on frames or iframes 
{ 
    //Optional: GM_log ('In frame'); 
    return; 
} 

/*--- Create a button in a container div. It will be styled and positioned with CSS. 
*/ 
var zNode  = document.createElement ('input'); 
zNode.setAttribute ('id', 'suButton'); 
zNode.setAttribute('type', 'image'); 
zNode.setAttribute('src', 'http://www.creativeadornments.com/nephco/doraemon/icons/doraemon_18a.gif'); 
document.body.appendChild (zNode); 

function tiddu1() 
{ 
document.getElementById("suButton").src ="http://www.creativeadornments.com/nephco/doraemon/icons/doraemon_07.gif"; 
} 

function tiddu2() 
{ 
document.getElementById("suButton").src ="http://www.creativeadornments.com/nephco/doraemon/icons/doraemon_18a.gif"; 
} 

function tiddu3() 
{ 
document.getElementById("suButton").src ="http://www.creativeadornments.com/nephco/doraemon/icons/dorami_01a.gif"; 
} 

function tiddu4() 
{ 
document.getElementById("suButton").src ="http://t1.gstatic.com/images?q=tbn:ANd9GcSI_hx0nLvnO-Em6elAxyMnoBFGw8IMD3Yrpep4XY2I51GylSRf3jHiabAyiw"; 
} 

//--- Activate the newly added button and add rollover image handling. 
var zNode = document.getElementById ("suButton"); 
zNode.addEventListener ("click",  ButtonClickAction, true); 
zNode.addEventListener ("mouseover", tiddu1,   true); 
zNode.addEventListener ("mouseout",  tiddu2,   true); 
zNode.addEventListener ("mousedown",  tiddu3,   true); 
zNode.addEventListener ("click",  tiddu4,   true); 

function ButtonClickAction (zEvent) 
{ 
    //--- For our dummy action, we'll just add a line of text to the top of the screen. 
    var button = document.createElement ('a'); 
    location.href='http://www.stumbleupon.com/to/stumble/stumblethru:'+location.href.replace("http://","").replace("https://","").replace("ftp://","").split('/',4)[0]; 
} 

//--- Style our newly added elements using CSS. 
GM_addStyle ((<><![CDATA[ 
    #suButton { 
     position:    fixed; 
     bottom:     0px; 
     left:     0px; 
     margin:     0px 0px 50px 0px; 
     opacity:    0.8; 
     cursor:     url(C:\buttercup_06.cur),url(http://www.creativeadornments.com/nephco/powerpuffgirls/cursors/ppg_01anim.gif),url(myBall.cur),pointer; 
     border:     0px outset red; 
     z-index:    222; 
     padding:    5px 5px; 
    } 
]]></>).toString()); 

Answer 1

與Firefox版本17，Firefox dropped support for E4X。 E4X允許我們使用該構造來製作簡單，強大的多行字符串。

既然不再支持E4X，我們必須重構使用CDATA的每一位代碼，以使用javascript字符串轉義（\）。所以，你需要的是GM_addStyle電話更改爲：

GM_addStyle ("            \ 
    #suButton {            \ 
     position:  fixed;        \ 
     bottom:   0px;        \ 
     left:   0px;        \ 
     margin:   0px 0px 50px 0px;     \ 
     opacity:  0.8;        \ 
     cursor:   url(C:\buttercup_06.cur),url(http://www.creativeadornments.com/nephco/powerpuffgirls/cursors/ppg_01anim.gif),url(myBall.cur),pointer; \ 
     border:   0px outset red;      \ 
     z-index:  222;        \ 
     padding:  5px 5px;       \ 
    }              \ 
"); 

你怎麼混'和"報價照顧。

---

---

而且，由於使用的是GM_addStyle，加// @grant GM_addStyle到腳本的元數據塊，這樣腳本繼續的Greasemonkey和Scriptish的未來版本的工作。