jQuery-UI を使用する Web ページを、 Themeroller Firefox ブックマークレットでテーマ設定可能にしたいと考えています。themeroller demopageでブックマークレットを開くと、すべてが期待どおりに変更されます。自分のページ、または他のサンプル ページでは、URL のみが変更され、スタイルは適用されません。
既存の Web ページで jQuery-UI の最終的なスタイルを見つけるには、開発者ツールが必要です。どうすればそれを機能させることができますか？
私は Firefox を使用し、自分のページを Web サーバーに配置したので、ローカル セキュリティ制限を適用しない Firefox はありません。
私も同じ問題を抱えていました。 このリンクは私の問題を解決しました。
要約すると、バージョン10より上のバージョンのFFでは何かがうまく機能していません。
修正するには：「ThemeRollerDev Tool」のブックマークを右クリックし、「プロパティ」に移動します。
'Location：'をこれに変更します->
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)}}})();
次に、「保存」します。これは私のためにそれを解決しました。