Инструмент разработчика jQuery UI ThemeRoller

Для чего используется «Инструмент разработчика jQuery UI ThemeRoller»?

У меня есть этот инструмент, как указано на веб-сайте jQuery для панели инструментов Firefox. он сказал:

после этого я открыл сайт. я нажал на jQuery UI ThemeRoller на панели инструментов. Открыт ролик темы jQuery. но после того, как я нажал на каждую тему, ничего не произошло. как я могу его использовать?


jquery jquery-ui developer-tools themeroller
person Shahin    schedule 01.04.2011    source источник

Ответы (3)


arrow_upward
2
arrow_downward

Инструмент разработчика jQuery ThemeRoller позволяет вам стилизовать элементы jQuery на любом веб-сайте, который использует jQuery CSS3 для стилизации. Просто добавьте его в закладки, а затем выберите его, если хотите изменить стиль существующего сайта jQuery.

Вот достойный обзор: http://www.filamentgroup.com/lab/introduction_the_themeroller_firefox_developer_bookmarklet/

Примечание:

В комментариях вы увидите, что он не работает в некоторых версиях FireFox. Вот один из предлагаемых обходных путей:

  1. Загрузите файл developertools.js, упомянутый в букмарклете.

  2. Заключите значения всех селекторов атрибутов href в одинарные кавычки, например. [href=foo] становится [href=’foo’]

  3. Разместите измененный файл developertools.js где-нибудь.

  4. Обновите букмарклет, чтобы он указывал на измененный файл developertools.js.

person Jack    schedule 28.11.2011
comment
Спасибо, пытался понять, как его запустить, перетаскивал его на панель инструментов, и ничего не появилось! Имеет смысл, когда вы видите, что он работает, чтобы получить его из закладок на интересующей вас странице. - person Paul Hadfield; 13.07.2012

arrow_upward
3
arrow_downward

Я нашел отличное решение этой проблемы на Форумы JQuery. Поскольку он был немного устаревшим, он не работал для версий FF выше 10. Разместил исправление там, а также разместил здесь, может быть, кто-то найдет это полезным:

Замените исходный код букмарклета этим кодом:

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 будет работать должным образом.

person SandorRacz    schedule 20.03.2012

arrow_upward
1
arrow_downward

Themeroller предназначен для создания вашей собственной темы для пользовательского интерфейса JQuery, я считаю, что вы можете использовать этот аддон themeroller на сайтах, использующих пользовательский интерфейс JQuery, чтобы загружать их темы и изменять их.

Просто попробуйте его на: http://jqueryui.com/themeroller/ и посмотрите, что можно сделать, нажав на темы в галерее или изменение материала, также посмотрите на URL-адрес в своем браузере, когда вы нажимаете на тему галереи.

Лоу

person Lauw    schedule 01.04.2011