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

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

Модерирует : 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

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

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-селекторов элементов интерфейса встроенными средствами браузера

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Да, это он, я его сократил до 3х кнопок Код
 
Добавлено:
Как-то для вас ремонтировали скрипт Attributes_Inspector.js (буквы AI на красном фоне), просьба поделиться.

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 15:05 26-01-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
я вот стараюсь не юзать локальные иконки, а ты наоборот.
Разработчик пишет.
Цитата:
Следует избегать иконок в формате base64 (url(data:image/png;base64,...), поскольку они генерируют высокую нагрузку на процессор, в разы медленнее, значительно ухудшают производительность.
Также это является худшим выбором с точки зрения безопасности - создает дыры в безопасности XSS, и может быть запрещено Mozilla в любое время через CSP.
Поэтому способ интеграции графики традиционным способом определенно лучше: локальная графика в файловой системе (реальный путь), или графика в ресурсах Firefox (относительный путь).

Цитата:
мне бы Page Info устроил в виде пункта в главном контекстно меню. Не попадалось?
Не попадалось.

Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 21:32 26-01-2025 | Исправлено: gutasiho, 21:33 26-01-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • gutasiho (21:32 26-01-2025 UTC+3)
    Цитата:
    в любое время через CSP.

    конечно очень странно, но оно настало в 136 продвинули CSP и заблочили on(command,clock, и тд), а в данной ситуации на сампе на один "on..." пытаются вешать листенер. в данной ситуации надеюсь что в mozilla исправили косяк с этим, в противном случае вы получите нагрузку на тот же самый проц... правда не мне вам рассказывать. Самое классное это выпилил (Cu || ChromeUtils).import JSM, а вот действительно чего я жду, когда они выпилят адресацию file:///, вот тогда "url(data" покажется малинкой...

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

  • Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 23:02 26-01-2025
    grom17



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho
    Цитата:
    Как-то для вас ремонтировали скрипт Attributes_Inspector.js (буквы AI на красном фоне), просьба поделиться.

    Если вопрос мне, то я непомню такого.

    Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 11:34 27-01-2025
    unter_officer



    Member
    Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
    Death_INN
    Цитата:
    мне бы Page Info устроил в виде пункта в главном контекстно меню. Не попадалось?

    Нашел у себя в архиве, это для UCF.
    На работоспособность не проверял.
    Код.

    ----------
    «The Truth Is Out There»

    Всего записей: 361 | Зарегистр. 03-08-2008 | Отправлено: 13:24 27-01-2025
    gutasiho

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

    Цитата:
    Attributes_Inspector.js

    Если без активации запускать из консоли, то вполне норм.

    Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 19:04 28-01-2025
    Dracula



    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Всем привет!
    Я вот тут поставил себе дополнительно Firefox Portable последнюю версию - теперь пытаюсь настроить чтобы ссылки из телеграмма открывались в данной версии, но они не не открываются - я настраивал по умолчанию - там открывается почему-то другая версия Firefox - даже не знаю какая.
    А именно та Portable не открывается там внутри написано что браузер стоит по умолчанию (в стандартной версии что установлена по умолчанию стоит браузер не выбран в качестве по умолчанию).
     
    Может можно установить как-то чтобы не была portable - а простая но в определённой папке чтобы лежала а я бы открывал через неё. Я вот у себя дома установил такими отдельными браузерами но только для Chrome - там спокойно 2 папки. А для Firefox такое существует?
     
    И значит кто сядет за комп мой и откроет ссылки они будут открываться в том браузере Portable значит? Просто я не хочу, чтобы кто-то знал об этом Firefox Portable вообще, кроме меня. А раз ссылки будут там открываться - это значит неизбежно? Не будешь же постоянно менять браузер по умолчанию?


    ----------
    +=._.=++=._.=++=._.=++=._.=++=._.=++=._.=++=._.=+

    Всего записей: 3561 | Зарегистр. 22-12-2003 | Отправлено: 19:29 28-01-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Scroll Bookmarklets. Сваял вариант с выбором плавности (по умолчанию 999) и минимальным временем между двумя кликами (по умолчанию не менее 2222 ms). Код
     
    gutasiho

    Цитата:
    Следует избегать иконок в формате base64 ...

    Это все порожняк. А фавиконки разве не в этом формате?
     

    Цитата:
    может быть запрещено Mozilla в любое время через CSP.

    Так уж давно этот запрет есть на data:image, например на странице закачек, который сложно обойти чисто средствами css. Про безопасность, дыры - ваще смешно, особенно на фоне того, что горят желанием разгрузить часть функционала скриптов на плечи css, путем дальнейшего внедрения фишек sass
     
    unter_officer, содержимое кода для Page Info довольно схоже с тем, что давал xrun1, но ничего полезного, кроме
    gContextMenu.webExtBrowserType === "popup", мне не дало. Хотелось бы с иконкой data:image, да хрена там, придется регистрировать. И "лишняя" прослушка на popupshowing не айс как и функция view...Info(). oncommand еще хорошо бы заменить на command. Получилось вроде такого. Код

    Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 23:03 28-01-2025 | Исправлено: Death_INN, 23:05 28-01-2025
    gutasiho

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

    Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 07:10 29-01-2025
    doud



    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Подскажите, как поменять синий цвет у чекбоксов в окне "Информация о странице"?

    Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 14:18 29-01-2025
    gutasiho

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

    Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 14:55 29-01-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    doud, ну так рулит OS. Чтобы не отрубать appearance и не рисовать самому, то вылечить синяк у чекбоксов, наверное, возможно через акцентый цвет  

    Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 19:43 29-01-2025
    doud



    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN
     У меня есть такой код
    --color-accent-primary: orange !important; Но не красит...

    Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 20:05 29-01-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    doud
    Код:
    @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") {
      .checkbox-check[native][checked="true"] {
        accent-color: green;
      }
    }

    Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 20:08 29-01-2025
    doud



    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN
    Спасибо, чекбоксы поменяли цвет.. А что добавить для покраски радио-чекбоксов?

    Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 20:21 29-01-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    doud .radio-check[selected="true"]

    Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 21:30 29-01-2025
    Smallette

    Full Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Если уж заговорили про акцентный цвет - можно ли как то поменять бирюзовый акцентный цвет на свой сразу для всего браузера?

    Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 07:32 30-01-2025
    pangasiys



    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho
    Цитата:
    About:Translations Скрипт
    этот скрипт для перевода выделенного текста только да?

    Всего записей: 7004 | Зарегистр. 05-06-2012 | Отправлено: 08:24 30-01-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Smallette
    Цитата:
    можно ли как то поменять бирюзовый акцентный цвет на свой сразу для всего браузера?
    Можно, есть такой css, но до завтра я не на месте.

    Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 09:59 30-01-2025
    konstant213

    Junior Member
    Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
    Здравствуйте,  я хотел чтобы выпадающее меню закладок было в 4 ряда  не в один, поэтому  я обратился к microsoft copilot он дал мне этот код:  

    Код:
     
    /* Ensure the file starts with this line */
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
     
    /* Style for the bookmarks drop-down menu */
    #personal-bookmarks .bookmark-item menupopup {
      display: flex !important;
      flex-wrap: wrap !important;
      max-width: none !important;
      width: auto !important;
    }
     
    #personal-bookmarks .bookmark-item menupopup > .bookmark-item {
      flex: 0 0 25% !important; /* 25% width to create 4 columns */
      box-sizing: border-box;
    }
     

    но он не работает, можете помочь чтобы он заработал.

    Всего записей: 56 | Зарегистр. 13-01-2019 | Отправлено: 13:42 31-01-2025
    Открыть новую тему     Написать ответ в эту тему

    Страницы: 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

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


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

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

    BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

    Рейтинг.ru