Главная > Бездна > Firefox: Переместить панель закладок вниз окна браузера без использования сторонних дополнений

Firefox: Переместить панель закладок вниз окна браузера без использования сторонних дополнений

17.08.2018 1 коммент. » Просмотры: 188

Mozilla Firefox

Когда-то в Firefox была отдельная панель для иконок дополнений и у нее была одна классная штука - возможность закрепить ее внизу экрана. Другой классной особенностью было то, что на нее можно было перенести свои закладки, тем самым превратив её в панель закладок.. Позже, панель дополнений удалили и пришлось отказаться от такого классного тюнинга.. Но, сегодня я наткнулся в reddit-е на тему про стили Firefox (стили элементов браузера) и подумал, что настала пора переместить панель закладок вниз окна..

Перемещение панели закладок Firefox вниз окна

Конечный результат выглядит так:

Firefox панель закладок внизу окна

Firefox панель закладок внизу окна

Чтобы добиться такого эффекта делаем следующее:

Открываем новую вкладку и переходим по адресу about:support, ищем пункт "Profile Directory" и либо нажимаем кнопку [Open Directory] либо переходим по указанному пути.

Firefox путь к профилю

Firefox путь к профилю

В открывшейся папке создаем директорию chrome и в ней файл userChrome.css. Это файл дополнительных стилей.

Firefox файл дополнительных стилей интерфейса

Firefox файл дополнительных стилей интерфейса

Добавляем такое содержимое в этот файл

Сохраняемся и перезапускаем браузер. Теперь панель закладок должна отобразиться внизу окна браузера.

В случае, если после запуска что-то пошло не так, например интерфейс не прогрузился, просто очистите файл userChrome.css и снова перезапустите браузер.

Перемещение панели вкладок Firefox вниз окна

Таким же образом можно перенести, например, панель вкладок, стили будут такие:

Результат

Firefox панель вкладок вниз экрана

Firefox панель вкладок вниз экрана

Как посмотреть текущие стили интерфейса Firefox

Напоследок расскажу где и как найти все стили для интерфейса Firefox, например, чтобы посмотреть значение по-умолчанию.

Открываем панель разработчика:

  • Нажимаем F12
  • ИЛИ нажимаем Ctrl + Shift + I
  • ИЛИ выбираем в меню Web Developer > Toggle Tools

Откроется либо отдельное окно, либо сайдбар "Инструментов разработчика" (зависит от ваших настроек).

Firefox окно Инструментов Разработчика

Firefox окно Инструментов Разработчика

Теперь нужно открыть Настройки, для этого либо нажимаем F1, либо нажимаем на три точки в правом верхнем углу окна/панели и выбираем Settings.

Firefox, настройки Инструментов Разработчика

Firefox, настройки Инструментов Разработчика

В открывшейся панели, нужно найти в разделе Advanced Settings и включить два пункта:

  • Enable browser chrome and add-on debugging toolboxes
  • Enable remote debugging
Firefox включение отладки браузеров и расширений

Firefox включение отладки браузеров и расширений

Теперь запускаем отладчик, идем в меню браузера и выбираем Web Developer > Browser Toolbox

Firefox Инструменты разработчика дополнений

Firefox Инструменты разработчика дополнений

Появится окно запрашивающие подтверждение на удаленную отладку, нажимаем в нем [Allow]

Firefox подтверждение удаленной отладки

Firefox подтверждение удаленной отладки

Теперь откроется окно в котором, нам надо перейти на вкладку Style Editor, тут мы и увидим все стили браузера включая тот, что добавили мы

Firefox стили интерфейса браузера

Firefox стили интерфейса браузера

Вот и всё, удачного тюнинга!

Похожие статьи

Автор: | Рейтинг: 4/5 | Теги: ,

Есть 1 комментарий.

Написать свой

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Разрешены HTML-теги: <a>, <code>, <i>, <em>, <strong>, <b>, <u>, <strike>


Ниже приводятся ссылки на блоги ссылающиеся на этот пост:
  1. Pingback от Firefox: Вкладки в несколько строк без использования сторонних дополнений 19.08.2018