0

'jQuery UI ThemeRoller 开发者工具'有什么用途？

我有这个工具，就像jQuery 网站对 Firefox 工具栏所说的那样。它说 ：

之后我打开了一个网站。我点击了工具栏上的 jQuery UI ThemeRoller。jQuery 主题滚轮已打开。但是在我点击每个主题之后，什么都没有发生。我该如何使用它？

4

3 回答 3

3

我在JQuery 论坛上找到了一个很好的解决这个问题的方法。由于它有点过时，它不适用于 10 以上的 FF 版本。在那里发布了修复程序，并在这里发布，也许有人觉得它有用：

用以下代码替换书签源：

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

这将在您单击书签后 1.1 秒后替换错误代码，并且 Themeroller 将按预期工作。

于 2012-03-20T10:57:36.967 回答
2

jQuery ThemeRoller Developer Tool 允许您在任何使用 jQuery CSS3 进行样式设置的网站上设置 jQuery 元素的样式。只需将其添加到您的书签中，然后如果您想重新设置现有 jQuery 站点的样式，请选择它。

这是一个不错的概述： http ://www.filamentgroup.com/lab/introducing_the_themeroller_firefox_developer_bookmarklet/

笔记：

在评论中，您会看到它在某些版本的 FireFox 中被破坏。这是建议的解决方法之一：

  1. 下载书签中提到的 developertools.js 文件

  2. 将所有 href 属性选择器的值用单引号括起来，例如 [href=foo] 变为 [href='foo']

  3. 在某处托管修改后的 developertools.js。

  4. 更新您的书签以指向您修改后的 developertools.js

于 2011-11-28T03:23:31.233 回答
1

themeroller 是为 JQuery UI 制作自己的主题，我相信您可以在使用 JQuery UI 的网站上使用该 themeroller 插件来下载他们的主题并更改它们。

只需尝试一下：http: //jqueryui.com/themeroller/ 看看您可以通过单击图库中的主题或更改内容来执行哪些操作，还可以在单​​击图库主题时查看浏览器中的 url。

劳

于 2011-04-01T23:25:48.237 回答