使用 Themeroller 书签

发布于 2024-11-14 13:50:40 字数 400 浏览 3 评论 0原文

我想使用 Themeroller Firefox bookmarklet 使我的使用 jQuery-UI 的网页可主题化。当我打开 themeroller demopage 上的书签时,一切都会按预期发生变化。在我自己的页面或其他示例页面上,仅 URL 发生变化,但样式未应用。

我需要开发人员工具,在我现有的网页中找到 jQuery-UI 的最终样式。我怎样才能让它发挥作用?

我使用 Firefox 并将我的页面放在网络服务器上,因此 Firefox 不会应用本地安全限制。

I want to make my jQuery-UI-using webpage themeable with the Themeroller Firefox bookmarklet. When I open the bookmarklet on the themeroller demopage, everything changes like expected. On my own page, or on other example pages only the URL changes but the style isn't applied.

I need the developer tool, to find the final style of jQuery-UI in my existing webpage. How can I get that working?

I used Firefox and I put my page on a webserver, so no Firefox doesn't apply local security restrictions.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

巨坚强 2024-11-21 13:50:40

我有同样的问题。 此链接解决了我的问题。

总结一下:版本 10 以上的 FF 版本有些问题。

要修复:右键单击“ThemeRoller Dev Tool”书签,转到“属性”。
将“位置:”更改为 -->

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)}}})();

然后“保存”。这为我解决了这个问题。

I had the same issue. This link solved my problem.

To summarize: something is not playing nice with versions of FF above version 10.

To fix: right-click your bookmark for "ThemeRoller Dev Tool", go to 'Properties'.
Change 'Location:' to this -->

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)}}})();

Then 'Save'. This solved it for me.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文