#bookmarklet #themeroller
#букмарклет #themeroller
Вопрос:
Я хочу сделать мою веб-страницу, использующую jQuery-UI, тематизируемой с помощью букмарклета Firefox Themeroller. Когда я открываю букмарклет на демостранице themeroller, все меняется, как и ожидалось. На моей собственной странице или на других страницах примеров изменяется только URL, но стиль не применяется.
Мне нужен инструмент разработчика, чтобы найти окончательный стиль jQuery-UI на моей существующей веб-странице. Как я могу заставить это работать?
Я использовал Firefox и разместил свою страницу на веб-сервере, поэтому нет, Firefox не применяет локальные ограничения безопасности.
Ответ №1:
У меня была такая же проблема. Эта ссылка решила мою проблему.
Подводя итог: что-то не так с версиями FF выше версии 10.
Чтобы исправить: щелкните правой кнопкой мыши закладку для «ThemeRoller Dev Tool», перейдите в «Свойства».
Измените ‘Location:’ на это —>
javascript:(function(){if(!/Firefox[/s](d .d )/.test(navigator.userAgent)){alert("Sorry, due to security restrictions, this tool only works in Firefox");return false}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 a=function(){jquitr.reloadCSS=function(){var c=jquitr.getHash(),b;if(jquitr.trString!==camp;amp;c!==""){jquitr.trString=c;b='<link href="http://jqueryui.com/themeroller/css/parseTheme.css.php?' c '" type="text/css" rel="Stylesheet" />';if($("link[href*='parseTheme.css.php'], link[href='ui.theme.css']").size()>0){$("link[href*='parseTheme.css.php']:last, link[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)}}})();
Затем «Сохранить». Это решило проблему для меня.