使用Themeroller Bookmarklet

Question

我想讓我的jQuery-UI-web頁面成爲Themeroller Firefox bookmarklet的主題。當我在themeroller demopage上打開書籤時，所有內容都會像預期的那樣變化。在我自己的頁面或其他示例頁面上，只有URL發生更改，但樣式不適用。

我需要開發人員工具，在我現有的網頁中查找jQuery-UI的最終樣式。我怎樣才能做到這一點？

我用Firefox和我把我的網頁放在網絡服務器上，所以沒有Firefox不適用本地安全限制。

Answer 1

我有同樣的問題。 This link解決了我的問題。

總結：自己是不是踢得好看與FF的版本以上版本10.

要解決：右擊你的「的ThemeRoller開發工具」的書籤，進入「屬性」。
更改 '位置：' 這個 - >

javascript:(function(){if(!/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){alert("Sorry,%20due%20to%20security%20restrictions,%20this%20tool%20only%20works%20in%20Firefox");return%20false}else{if(window.jquitr){jquitr.addThemeRoller()}else{jquitr={};jquitr.s=document.createElement("script");jquitr.s.src="http://jqueryui.com/themeroller/developertool/developertool.js.php";document.getElementsByTagName("head")[0].appendChild(jquitr.s);var%20a=function(){jquitr.reloadCSS=function(){var%20c=jquitr.getHash(),b;if(jquitr.trString!==c&&c!==""){jquitr.trString=c;b='<link%20href="http://jqueryui.com/themeroller/css/parseTheme.css.php?'+c+'"%20type="text/css"%20rel="Stylesheet"%20/>';if($("link[href*='parseTheme.css.php'],%20link[href='ui.theme.css']").size()>0){$("link[href*='parseTheme.css.php']:last,%20link[href='ui.theme.css']:last").eq(0).after(b)}else{$("head").append(b)}if($("link[href*='parseTheme.css.php']").size()>3){$("link[href*='parseTheme.css.php']:first").remove()}}window.setTimeout(jquitr.reloadCSS,1000)};jquitr.reloadCSS()};window.setTimeout(a,1100)}}})(); 

然後點擊 '保存'。這爲我解決了它。