Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js
Применение пользовательских стилей и скриптов в Firefox

Модерирует : gyra, Maz

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199

Открыть новую тему     Написать ответ в эту тему

gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору



В теме обсуждается настройка внешнего вида Firefox с использованием userChrome.css, userContent.css, а так же использование скриптов js (uc.js).

Родственные темы: Mozilla Firefox | Расширения для Firefox
 
Обсуждение на "Форуме Mozilla Россия":
Настройка внешнего вида Firefox в userChrome.css,
UCF - ваши кнопки, темы, дополнения, скрипты…
 
Темы на GitHub:
Aris-t2 CustomCSSforFx | Aris-t2 CustomJSforFx | xiaoxiaoflood/firefox-scripts | Endor8/userChrome.js | Alice0775 userChrome.js  
VitaliyV UCF - UserChromeFiles | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты


Просьба публикуемые коды заключать в тэг [code][/code] (из выпадающего меню), а коды более 10 строк - в двойной тэг [more][code][/code][/more] Подробное разъяснение.
 
Как подключить скрипты JS:
метод Aris-t2 | метод xiaoxiaoflood | метод Endor8 | метод user_chrome_files (UCF)
Как подключить скрипты JSM, MJS в загрузчик скриптов от Aris-t2 , а если у вас Firefox v117+, то дополнительно...
 
Еще один способ активации, нюансы: скрипты можно поместить в пользовательслую папку, можно не прописывать активацию каждого скрипта отдельно.
 
Куда вписывать код для стиля userChrome.css и userContent.css
1\ Также не забываем про такую строку в user.js / prefs.js (для включения userChrome.css и userContent.css):
Код:
// Turn on userChrome.css and userContent.css support
// Включить поддержку userChrome.css и userContent.css
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);  
либо эту настройку включить через about:config.
2\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 9358 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:26 26-07-2025
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Цитата:
Очень неплохо было бы, иконку сменить

Надо svg, попробуйте такую наприммер

Код:
"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='context-fill rgb(142, 142, 152)' fill-opacity='context-fill-opacity'><path d='M 1,1 V 10 H 5 V 5 H 10 V 1 Z M 6,6 H 15 V 15 H 6 Z'/></svg>"

ну или если найдете svg иконку, только попроще чем меньше тем лучше

Всего записей: 823 | Зарегистр. 13-10-2013 | Отправлено: 21:16 21-01-2026
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Отличная иконка. Теперь ждем Уважаемый, обновленную кнопку.
PS Чуть не забыл блин. Раз таймаут отрегулировался, так может не стоит разделять функционал? Пусть работает, как раньше две кнопки работали. Автокопирование и автовставка. А то реально, обе функции нужны и каждый раз переключаться, ну не очень удобно, если не сказать что совсем неудобно будет. Есть скрипт автооичистки строки поиска, вот и будет сама очищаться. Как то так вот. Потому что усложнять варианты с переключениями (автокопирование, автовставка, автокопирование и автовставка) как примеры, думаю сложновато будет, хотя и очень интересно. Я тогда устаревшую кнопку удалю и полностью перейду на ваш вариант.
Уважаемый Vitaliy977. На всякий сучай, решил отписать. Есть такое расширение Smart RSS, там скриптне работает почему то, в то же время как старая кнопка автокопирует. В общем, решил проинформировать.

Всего записей: 1265 | Зарегистр. 22-10-2012 | Отправлено: 03:14 22-01-2026 | Исправлено: Satanachia, 08:47 22-01-2026
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977

Цитата:
Тут дело вот в чем, браузер загружает скрипты в песочницу, вот собственно функция её создания ExtensionUserScriptsContent.sys.mjs#240
а потом загружает в неё скрипт script.executeInGlobal(sandbox, { reportExceptions })

Теперь все ясно, спасибо. Попробовал скрипт запустить из child в сандбоксе и прокатило с img-src 'self'. Вот теперь думаю, какой способ лучше: этот или с подменой csp на img-src 'self' data:

Всего записей: 4139 | Зарегистр. 24-10-2002 | Отправлено: 13:43 22-01-2026 | Исправлено: Death_INN, 13:47 22-01-2026
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Обновил autoCopyButton.mjs

Цитата:
Есть такое расширение Smart RSS, там скриптне работает почему то, в то же время как старая кнопка автокопирует

Да да и не должна, если нужно чтобы работало то можно удалить эту строку autoCopyButton.mjs#L107
или добавить в массив например "moz-extension://*" для всех расширений
 
Death_INN
Цитата:
Вот теперь думаю, какой способ лучше: этот или с подменой csp на img-src 'self' data:

Эсли не использовать всякие обезьянки то песочница, ну а подмена это всегда задержка загрузки сайтов особено если это синхронный метод, ну и дыра в "безопасности".

Всего записей: 823 | Зарегистр. 13-10-2013 | Отправлено: 21:10 22-01-2026 | Исправлено: Vitaliy977, 21:11 22-01-2026
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Цитата:
Надо svg, попробуйте такую наприммер  

А где их лучше брать? Перепробовал кучу ресурсов, в попытке заменить иконку в кнопке  
Закрыть
 
В лучшем случае получается пустой квадрат. Например отсюда https://icons8.com/icon/jQvttl4Zy23p/close , что в них не так?

Всего записей: 7714 | Зарегистр. 25-10-2019 | Отправлено: 21:24 22-01-2026
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
Цитата:
В лучшем случае получается пустой квадрат. Например отсюда https://icons8.com/icon/jQvttl4Zy23p/close , что в них не так?

Ну svg это не просто для обычного юзера, что не так, например viewBox, координаты да мало ли что
Где брать, Linux надо осваивать там этого добра навалом, просто вводите в поиск пакетов icon-theme и
можно установить и просмотреть прямо в проводнике (в Windows так не получится не так ли)
Ну или в AUR поискать https://aur.archlinux.org/packages?O=0&K=icon-theme
на самом AUR иконкок нет но есть ссылки обычно на github и др.
или тут https://store.kde.org/browse?cat=132&ord=latest
Да много где можно скачать.
Качаете исходники распаковывайте и ищите, там они отсортированы по категориям и размерам например в папке с названием 16 будут иконки 16x16
И да не все иконпаки с svg иконками, могут встретится с png но это обычно старые.
 

Всего записей: 823 | Зарегистр. 13-10-2013 | Отправлено: 22:18 22-01-2026 | Исправлено: Vitaliy977, 22:39 22-01-2026
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Ну а вот от сюда, например, можно прикрутить https://fonts.google.com/icons?selected=Material+Icons+Outlined:close:&icon.query=close&icon.set=Material+Icons&icon.size=32&icon.color=%238B1A10 ,копируется  

Код:
<svg xmlns="http://www.w3.org/2000/svg" height="40px" viewBox="0 0 24 24" width="40px" fill="#8B1A10"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>

Вижу, что кавычки вместо ', если их заменить, то получается тот самый пустой квадрат. Что тут ещё не так?

Всего записей: 7714 | Зарегистр. 25-10-2019 | Отправлено: 22:41 22-01-2026 | Исправлено: alloledd, 22:41 22-01-2026
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
ещё нужно заменить # например на rgb'a
#8B1A10 -> rgb(139, 26, 16);

Всего записей: 823 | Зарегистр. 13-10-2013 | Отправлено: 22:50 22-01-2026
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199

Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.B0ard 2000-2026

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru