Не работает файл userchrome css

Обновлено: 04.07.2024


Разработчики Mozilla Firefox считают, что пользовательская обработка каскадных файлов стилей (CSS), вредит программе.

Типо, идёт задержка запуска браузера, загрузка данных CSS потребляет дополнительные ресурсы. Стабильной работе веб-обозревателя, мешает лишнее обращение к диску.

Для возвращения обработки userChrome.css и userContent.css в about:config добавлен параметр по имени: toolkit.legacyUserProfileCustomizations.stylesheets. Настройка должна быть - true.

Индексация для Яндекс

В папке профиля Firefox создаём новую папку chrome.

Индексация для Яндекс

По умолчанию таких файлов, как userChrome.css и userContent.css не существует.

userChrome.css в папке chrome - это CSS, файл который можно использовать для изменения внешнего вида интерфейсов приложений Mozilla. userContent.css в папке chrome - это CSS файл , который можно использовать для изменения внешнего вида веб-сайтов и электронной почты.

Значит файл надо создать или скачать с какого-нибудь интернет-ресурса.

Извлекаем файлы из архива. Идём в папку Nord Mac.

Индексация для Яндекс

Там копируем два файла.

Индексация для Яндекс

userChrome.css и userContent.css вставляем в папку chrome, что была ранее создана в папке профиля Firefox.

Индексация для Яндекс

Перезапуск браузера. Как сделать перезапуск Firefox с сохранением открытых вкладок, читайте здесь.

Откладываем в сторону шаманский бубен и радуемся строгому, холодному стилю Nord. Далее применить любые сторонние темы (ссылка) не получится, пока не удалите файлы CSS из папки chrome. Но, заметил один лайфхак. Если просто включить стороннюю тему, внешний вид не изменится, зато добавятся пикантные оттенки некоторых деталей браузера.

Не знаю, как вам, а мне зашло! В ближайшее время не собираюсь менять тему. Нравится.

Но, это еще не всё. Кому хочется дополнить файл userChrome.css разнообразными красивыми фишками, можете скачать мой редактированный файл (ссылка).

/*======Автоматически скрывать закладки и URL ======*/

Замените файл в папке chrome.

Сайт ShadowFox для затравки: (ссылка).


Интерфейс Firefox Quantum по — прежнему чрезвычайно настраиваемый благодаря файлу userChrome.css. Вы можете отредактировать этот файл, чтобы скрыть ненужные элементы меню, переместить панель вкладок под панелью инструментов навигации, просмотреть несколько строк на панели инструментов закладок и выполнить другие действия, которые обычно были бы невозможны.

Как это работает

Файл userChrome.css в Firefox — это файл каскадных таблиц стилей (CSS), который использует Firefox. Хотя таблицы стилей обычно применяются к веб-страницам, эта конкретная таблица стилей применяется к пользовательскому интерфейсу Firefox. Это позволяет вам изменять внешний вид и макет всего, что окружает веб-страницу. Вы не можете добавить какие-либо функции; Вы можете изменить только то, что уже есть, чтобы изменить, скрыть или переместить это.

Это не имеет ничего общего с Google Chrome. «Chrome» относится к пользовательскому интерфейсу веб-браузера, так назван Google Chrome.

Файл userChrome.css существует в Firefox в течение долгого времени, но с Firefox Quantum он приобрел новое значение. Многие изменения, которые раньше могли быть выполнены надстройками браузера, теперь могут быть выполнены только путем редактирования файла userChrome.css.

Где найти твики

Хотя вы можете создавать свои собственные настройки, если вы понимаете код CSS и то, как был разработан интерфейс Firefox, вы также можете просто найти настройки в Интернете. Если вы хотите внести определенное изменение, возможно, кто-то другой уже понял, как это сделать, и написал код.

Вот несколько ресурсов, с которых можно начать:

Имейте в виду, что старые версии Firefox имели другой интерфейс. Старые настройки userChrome.css, которые вы можете найти в Интернете, могут не работать в Firefox 57 и более поздних версиях, также известных как Firefox Quantum.

Если вы знаете, что делаете с CSS, вы можете включить панель инструментов браузера для проверки хрома браузера Firefox. Это предоставит информацию, необходимую для настройки различных элементов интерфейса браузера с вашим собственным кодом CSS.

Как создать свой файл userChrome.css

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

Чтобы запустить папку профиля Firefox, нажмите меню> Справка> Информация об устранении неполадок в Firefox.



Если в появившейся папке профиля отображается папка с именем «chrome», дважды щелкните ее. Однако, вероятно, вы этого не сделаете, так как эта папка не создана современными версиями Firefox.

Чтобы создать папку, щелкните правой кнопкой мыши на правой панели и выберите «Создать»> «Папка». Назовите его «хром», нажмите Enter, а затем дважды щелкните по нему.


Вам нужно будет указать Windows, чтобы показать вам расширения файлов , если вы этого еще не сделали. Windows по умолчанию скрывает расширения файлов, чтобы упростить задачу. Этот шаг не является обязательным в MacOS или Linux, которые показывают эту информацию по умолчанию.

В Windows 8 или 10 вы можете просто щелкнуть вкладку «Вид» на ленте и установить флажок «Расширения имен файлов», чтобы сделать их видимыми. В Windows 7 нажмите «Организовать»> «Папка и параметры поиска», перейдите на вкладку «Вид» и снимите флажок «Скрыть расширения для известных типов файлов».


Теперь вы создадите файл userChrome.css, который на самом деле представляет собой пустой текстовый файл с расширением .css вместо расширения .txt.

Для этого щелкните правой кнопкой мыши на правой панели и выберите «Создать»> «Текстовый документ». Назовите его «userChrome.css», убедившись, что удалите расширение файла .txt.

Windows предупредит вас, что вы изменяете расширение файла, и это может быть проблемой для определенных типов файлов. Нажмите «Да», чтобы подтвердить изменения.

В macOS или Linux создайте пустой текстовый файл с тем же именем.


Как редактировать файл userChrome.css

Вы можете использовать любой текстовый редактор для редактирования файла userChrome.css. Текстовый редактор Notepad, включенный в Windows, работает просто отлично. Если вам нужен более мощный текстовый редактор с большим количеством функций, нам нравится Notepad ++ .

Чтобы отредактировать файл в Блокноте, щелкните его правой кнопкой мыши и выберите «Редактировать».


Добавьте в файл все необходимые настройки, скопировав и вставив их. Если вы добавляете несколько настроек, обязательно добавьте их все в свои строки.

Перезапускаем FF, а значки во вкладках всё равно остаются. ЧЯДНТ? Спасибо, кто откликнется.

№2 29-06-2014 01:01:52

Нет, конечно. Всё содержимое файла у меня с копировано с userChrome-example.css, поэтому оно ЕСТЕССТВЕНО включает в себя код

, который вы имеете ввиду и всякие комментарии. Плюсом указанный код. Кроме того, у меня НЕ скрываются расширения. И если я пишу userChrome.css, значит , оно userChrome.css, и никак иначе.

№3 29-06-2014 01:42:23

И если я пишу userChrome.css, значит , оно userChrome.css, и никак иначе.

С userChrome.css необходимо разобраться, чотко и принципиально!


Простите, не удержался. А если серьезно, то может расширение какое шалит, например, CTR:

Use Stylish add-on with /*AGENT_SHEET*/ in the first line of every style instead of userChrome.css.

CTR uses agent sheets for almost every registered css code. AGENT registered styles are more powerful than USER registered styles like the ones in userChrome.

№4 29-06-2014 01:49:48

что пишет в консоли по поводу этого правила? смотреть сразу после старта
зы а сам файл в какой кодировке? должна быть UTF8



По поводу кодировки ANSI, которая и была с САМОГО НАЧАЛА. Перекодировать, что ли?

Отредактировано принципиальный (29-06-2014 01:52:48)

№5 29-06-2014 08:42:07

Отредактировано gyra (29-06-2014 08:57:15)

№6 29-06-2014 10:02:09

Всё равно мульки видны. Мы хоть об одном и том же говорим-то?


Отредактировано принципиальный (29-06-2014 10:03:05)

№7 29-06-2014 10:42:58

принципиальный
Говорим о коде, который скрывает иконки на вкладках. Еще раз по-порядку:
Файл должен называться userChrome.css
Находится этот файл должен в папке chrome, в корне профиля. Папки и файла по умолчанию в профиле нет.
Код в данном случае должен быть таким:

Если userChrome.css правится при открытом FF, то после браузер надо перезагрузить.
Если все это соблюдено и все равно не работает, могу только предложить выложить полный код файла файла userChrome.css.

№8 29-06-2014 11:00:53

Папки и файла по умолчанию в профиле нет.

Папка chrome была, а файла userChrome.css в ней не было, я его создал сам. Вот его содержание:

№9 29-06-2014 11:36:36

принципиальный

Папка chrome была

А можно увидеть полный путь до этой папки? Содержимое userChrome.css нормальное, должно работать. Если есть желание выложите информацию из about:support, м.б. что-то стороннее мешает.

№10 29-06-2014 12:23:23

Отредактировано принципиальный (29-06-2014 12:35:48)

№11 29-06-2014 12:53:30

принципиальный
Firefox 14.0 проверить не на чем. Попробуйте так:

№12 29-06-2014 13:20:18

gyra, получилось, как ни странно, спасибо. Но на этом обсуждение на заканчивается. Второй баг (если идти по ссыли из первого поста):



+++++++++++++++++++++++++++++++
Какие будут рекомендации по правке именно МОЕГО userChrome.css?

Отредактировано принципиальный (29-06-2014 13:23:56)

№13 29-06-2014 14:37:21

принципиальный

получилось, как ни странно

№14 29-06-2014 14:38:26

Отредактировано villa7 (29-06-2014 14:41:31)

Firefox userchrome css не работает

может так custom_script.js

Отлично! Сработало! Огромное Вам Спасибо! Теперь к переходу на 91ESR готов на все 100.


Отредактировано sandro79 (09-07-2021 00:10:34)

№10735 09-07-2021 11:34:25

Здравствуйте. Можно ли применить стили только к подменю контекстных меню чтобы выровнять вот это:


Но тогда меню появляются далековато от курсора.

№10736 09-07-2021 18:47:50

Здравствуйте. Можно ли применить стили только к подменю контекстных меню чтобы выровнять вот это:



Отредактировано sandro79 (09-07-2021 18:48:16)

№10737 09-07-2021 19:10:08

используете стиль отсюда


О, только заметил на 10 опять изменили, обновил стиль.
И не важно proton или нет должно одинаково работать.
А у него похоже не мой стиль

Отредактировано Vitaliy V. (09-07-2021 19:21:37)

№10738 09-07-2021 19:44:46

Использую такой код для замены стандартных черно-белых кнопок закрытия вкладок на цветные (изображения свои):

№10739 09-07-2021 19:47:21

Vitaliy V., есть ли возможность сделать стилем свой цвет для панели вкладок (которая над адресной строкой) и для всех открытых, но неактивных вкладок?

Отредактировано usalex (09-07-2021 20:34:01)

№10740 09-07-2021 20:18:17

Enable Loading of userChrome.css and userContent.css in Firefox

How to Enable Loading of userChrome.css and userContent.css in Firefox

Starting in Firefox 69, the browser does not load userChrome.css or userContent.css by default. Users who use these files to tweak and customize their Firefox may want to re-enable them. Thankfully, it is easily can be done. There is a special option you need to turn on the about:config page.

Thanks to the changes made to the engine and the UI, the browser is amazingly fast. The user interface of Firefox became more responsive and it also starts up noticeably faster. The engine renders web pages much faster than it ever did in the Gecko era.

Firefox 69 does not load userChrome.css or userContent.css anymore. To change this, enable the option toolkit.legacyUserProfileCustomizations.stylesheets in about:config . Here is how it can be done.

Enable Loading of userChrome.css and userContent.css in Firefox,

  1. Open a new tab in Mozilla Firefox.
  2. Type about:config in the address bar. Confirm that you will be careful if a warning message appears for you.
  3. Enter the following text in the search box: toolkit.legacyUserProfileCustomizations.stylesheets .
  4. Set the option toolkit.legacyUserProfileCustomizations.stylesheets to True .
  5. The functionality of the external CSS files is now restored.

Do you use these files in Mozilla Firefox? Which customizations you have applied by using them? Share you tweaks and ideas in the comments below.

Select articles of interest.

Winaero greatly relies on your support. You can help the site keep bringing you interesting and useful content and software by using these options:

Share this post

About Sergey Tkachenko

Sergey Tkachenko is a software developer from Russia who started Winaero back in 2011. On this blog, Sergey is writing about everything connected to Microsoft, Windows and popular software. Follow him on Telegram, Twitter, and YouTube.

4 thoughts on “ Enable Loading of userChrome.css and userContent.css in Firefox ”

I used the userChrome.css a long time ago to move the History/Bookmarks/other sidebars to the right of the screen. But since that functionality became a standard option in Firefox, I removed the userChrome.

After installing version 69, and checking – the above flag was already set to TRUE

Mine was set to false. I was using a new (clean) profile.

Firefox userchrome css не работает

The instructions I followed are listed below:

(1) Set up your chrome folder and userChrome.css file following the five six steps in this article:

I have a boring video there if you like demonstrations.

(2) This is the code to paste into the file. You can edit the file using Notepad or a better editor. Make sure to keep it in a plain text format with a .css file extension (not .css.txt).

Только сейчас дошло, почему Хром перестал поддерживать Джава апплеты: насколько я понимаю, это один из эпизодов войны между Ораклом и Гуглом.

verify-java-version.jpg

Мгновенный перевод в браузере

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

Раньше я пользовался qDictionary, который работал в большинстве windows приложений (в ворде, по-моему, не работал), но умел переводить только словарные слова, работая по локальному (оффлайн) словарю.

Сейчас, когда почти вся работа переехала в 0)нлайн и б)раузер, поставил вместо него google chrome плагин под названием Instant Translate.

Насколько я понимаю, это такая обёртка вокруг Google Translate. Обёртка удобная: можно настроить автоматический перевод выделенной части текста по нажатию на какую-нибудь клавишу, например Alt.

Переводить может как отдельные слова:

Перевод отдельного слова

Перевод фразы целиком

К сожалению, срабатывает не везде: например, попап не появляется (скорее всего, его просто не видно) при вызове из редактора писем в Gmail.

Поддерживает те же языки, что и гугл транслейт, соответственно умеет определять язык автоматически.

Windows, Linux, Javascript

3 разных ссылки:

    . С блекджеком и шлюхами сапёром и MS-DOSом. . Эмуляция x86 на JavaScript, а также линукс. Без сети. В 12-ом хроме не работает. Офигительная штука. . Я помню всё это, начиная с 3.1.

Firefox начинает не с того

Похоже, в третьем-с-половиной Firefox что-то сильно поломали в процедуре загрузки.

Либо он не может стартануть с пустым табом, либо поступает ещё круче — стартует с табами, закрытыми задолго до закрытия самого Firefoxа.

(несколько окон я открываю, если приходится работать над несколькими независимыми продолжительными вещами одновременно).

Нагуглить эту багу я не сумел, видимо неправильные keywords выбрал. Workaround — работать в одном окне и не закрывать окна с несколькими табами, а закрывать табы по одному. Ну его в жопу, такой workaround.

Embarrassing Firefox

Well, this is really embarrassing — Firefox не может стартануть с пустым табом:

Embarrassing Firefox

Вообще, 3.5 грузится гораздо дольше 3.1.

Firefox: закрыть последний таб

Обновился до последнего Firefox; тянул с обновлением до последнего — потому что в дефолтном 3.5 при закрытии последнего таба закрывается весь браузер.

А я уже привык к тому, что когда закрываешь последний таб, вместо него открывается новый, пустой таб, как в опере или третьем Fx.

Новый Firefox можно научить такому поведению.

1. Открываем страницу настроек about:config и устанавливаем browser.tabs.closeWindowWithLastTab в false.

Теперь браузер не закрывается, но крестика у последнего таба по-прежнему нет.

Если такого файлика в папке chrome ещё нет, то создаём его из userChrome-example.css

Теперь и трусы можно снять, и крестик висит.

Safari 4

Вчера у маколюбов, оказывается, был ежегодный слёт, к которому макоделы приурочили выпуск четвёртой версии браузера Safari.

Я, преисполненный надежды, быстренько проапргрейдился. Всё по-прежнему: начиная с версии 3.2 сафари убивает систему синим экраном смерти.

Я не могу сказать, после чего именно это началось: когда-то сафари у меня работал стабильно; пользуюсь я им редко (тестирую js/html на мако-совместимость), и вот начиная с какого-то момента сафари не работает. Запускаю его, система (Windows XP SP2) начинает тормозить, шуршать винтом, в конце концов моргает синеньким и перегружается.

Апгрейд с 3.2 до 4beta в своё время не помог точно так же, как сейчас не помог апгрейд до 4stable.

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

Видимо, карма. Когда разбогатею, куплю макбук и буду тестить свои apps на нём.

У любой компании, занимающейся разработкой для веба, рано или поздно возникает желание написать нормальный браузер для своего приложения, а не бороться за кроссбраузерность с существующими.

Неудивительно, что у Гугла первого лопнуло терпение.

Следующий шаг — выпуск собственной операционки: когда гуглограммистам надоест бороться с граблями операционнок.

А если серьёзно, то для вебразработчиков этот Хром (Chrome) выльется в +1 браузер для тестирования кросс-браузерности.

Даже если Гугл переманит половину пользователей IE (у MS сейчас 80% рынка), поддерживать IE всё равно придётся. Файерфокс отвоевал меньше 20% рынка, даже с маркетинговой помощью Гугла.

Opera 9.50 — чёрный экран смерти

Мой главный браузер — это Firefox. Не потому, что я фанат open source, а потому что я занимаюсь разной веб-разработкой. Так что Firefox — это что-то вроде IDE (правда код я в нём всё же не пишу). При этом назвать Firefox любимым я не могу: слишком часто он уходит в запой, начиная бесконечно отжирать память так, что приходится убивать его процесс (я так думаю, что ему не хватает моих 512 мб на ноуте, т.к. на декстопе при тех же плагинах он себе такого не позволяет). Поэтому не любимый, а главный.

Главный ещё и потому, что кроме Firefox я регулярно пользуюсь IE и Opera, как второстепенными: для тестирования и для того, чтобы иметь возможность залогиниваться на разные сайты одновременно под несколькими аккаунтами.

Пару дней назад Opera сообщила о том, что можно было бы и проапгрейдиться до версии 9.50. Я согласился, как оказалось — опрометчиво.

Сначала я обнаружил, что мои любимые хоткеи (Alt+F6, Ctrl+Alt+W, Ctrl+Alt+Shift+W) больше не работают. Включить их в настройках я не сумел.

Opera 9.50: black screen

А потом опера и вовсе накрылась чёрным экраном смерти:

Ну, не совсем смерти: сёрфить можно, но ощущаешь себя при этом сапёром — почти все элементы управления исчезли, так что управлять оперой приходится наощупь.

Если кто знает, как можно починить это чудовище, пишите, пожалуйста, в комментарии. Ну и хоткеи хотелось бы обратно, без downgrade.

Update: починилось переустановкой оперы (инсталлер предложил repair) в ту же папку. Даже куки не слетели, а чернота ушла.

-12263

Сам способ оповещения об этой ошибке идиотский донельзя. Ничего не понятно, даже на каком уровне ошибка возникает (я спросонок решил, что это javascript-ошибка и пытался отключить javascript). Что делать — тоже непонятно.

Читайте также: