Как настроить пользовательский интерфейс Firefox С userChrome.css

Оглавление:

Как настроить пользовательский интерфейс Firefox С userChrome.css
Как настроить пользовательский интерфейс Firefox С userChrome.css

Видео: Как настроить пользовательский интерфейс Firefox С userChrome.css

Видео: Как настроить пользовательский интерфейс Firefox С userChrome.css
Видео: Office 365: всё и сразу, для всех и каждого! | Что такое Microsoft 365? - YouTube 2024, Май
Anonim
Интерфейс Firefox Quantum по-прежнему чрезвычайно настраивается благодаря файлу userChrome.css. Вы можете отредактировать этот файл, чтобы скрыть нежелательные элементы меню, переместить панель вкладок под панелью навигации, просмотреть несколько строк на панели инструментов закладок и сделать другие вещи, которые обычно не были бы возможны.
Интерфейс Firefox Quantum по-прежнему чрезвычайно настраивается благодаря файлу userChrome.css. Вы можете отредактировать этот файл, чтобы скрыть нежелательные элементы меню, переместить панель вкладок под панелью навигации, просмотреть несколько строк на панели инструментов закладок и сделать другие вещи, которые обычно не были бы возможны.

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

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

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

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

Где искать твики

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

Вот некоторые ресурсы, которые помогут вам начать:

  • Образец Tweaks от userChrome.org: краткий список интересных настроек, которые демонстрируют силу userChrome.css.
  • Классические CSS Tweaks: репозиторий настроек userChrome.css от автора расширения Classic Theme Restorer, который больше не работает в Firefox Quantum.
  • userChrome Tweaks: коллекция интересных настроек Firefox.
  • FirefoxCSS на Reddit: этот субреддит является сообществом для обсуждения твитов. Вы можете искать субреддит, чтобы находить чужие твики, посмотреть, что люди делят, и даже просить ввода, если вы не можете найти нужную вам настройку.
  • Руководство по редактированию вашего контекстного меню: инструкции по удалению элементов из контекстного меню Firefox и изменению их порядка в списке, взятых из подзадачи FirefoxCSS.

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

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

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

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

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

Нажмите кнопку «Открыть папку» справа от папки профиля, чтобы открыть ее. (На MacOS или Linux вы увидите вместо этого кнопку «Показать в Finder» или «Open Directory». Следующие инструкции показывают процесс в Windows, но в Mac OS и Linux они практически одинаковы: вы просто используете другой файловый менеджер и текстовый редактор.)
Нажмите кнопку «Открыть папку» справа от папки профиля, чтобы открыть ее. (На MacOS или Linux вы увидите вместо этого кнопку «Показать в Finder» или «Open Directory». Следующие инструкции показывают процесс в Windows, но в Mac OS и Linux они практически одинаковы: вы просто используете другой файловый менеджер и текстовый редактор.)
Если вы увидите папку с именем «chrome» в появившейся папке профиля, дважды щелкните ее. Однако вы, вероятно, этого не сделаете, поскольку эта папка не создана современными версиями Firefox.
Если вы увидите папку с именем «chrome» в появившейся папке профиля, дважды щелкните ее. Однако вы, вероятно, этого не сделаете, поскольку эта папка не создана современными версиями Firefox.

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

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

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

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

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

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

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

Image
Image

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

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

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

Добавьте все настройки, которые вы хотите сохранить, копируя и вставляя их. Если вы добавляете несколько настроек, обязательно добавьте их все в свои собственные строки.
Добавьте все настройки, которые вы хотите сохранить, копируя и вставляя их. Если вы добавляете несколько настроек, обязательно добавьте их все в свои собственные строки.
Как только вы закончите, сохраните файл, нажав «Файл»> «Сохранить в блокноте».
Как только вы закончите, сохраните файл, нажав «Файл»> «Сохранить в блокноте».
Всякий раз, когда вы редактируете файл userChrome.css, вам придется закрыть все открытые окна Firefox и перезапустить Firefox, чтобы ваши изменения вступили в силу.
Всякий раз, когда вы редактируете файл userChrome.css, вам придется закрыть все открытые окна Firefox и перезапустить Firefox, чтобы ваши изменения вступили в силу.
Если вы часто возвращаетесь в папку «chrome», чтобы редактировать файл userChrome.css, вам может понадобиться создать ярлык на рабочем столе для папки или добавить его в папки «Быстрый доступ» в Проводнике.
Если вы часто возвращаетесь в папку «chrome», чтобы редактировать файл userChrome.css, вам может понадобиться создать ярлык на рабочем столе для папки или добавить его в папки «Быстрый доступ» в Проводнике.

Файл userContent.css

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

Чтобы использовать этот файл, просто создайте файл с именем «userContent.css» в той же папке, что и ваша папка Chrome. Твики, которые вы размещаете в этом файле, влияют на внутренние «контентные страницы» Firefox, такие как страницы «Новая вкладка» и «Параметры».

Помогите, я сломал что-то!

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

Рекомендуемые: