Редактирование контекстного меню в firefox. Контекстное меню в Firefox

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

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

Это не имеет ничего общего с Google Chrome. «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 и изменению их порядка в списке, взятых из CSS Firefox.

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

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

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

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

Нажмите кнопку «Открыть папку» справа от папки профиля, чтобы открыть ее. (Следующие инструкции показывают процесс в Windows, но в Mac OS и Linux они практически одинаковы: Вы просто используете другой файловый менеджер и текстовый редактор.)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я установил программу под названием Aptana Studio 3. Добавлен пункт меню в мое контекстное меню (если я щелкнул правой кнопкой мыши, я вижу вариант «Aptana Studio»). Как я могу удалить это вручную из своего меню?

Я искал высокий и низкий и не могу найти способ удалить материал Aptana из моего Firefox. Возможно, это потому, что я нахожусь в Firefox 4. Что я сделал, так это то, что я перешел в

About:config

Затем я искал Aptana, и есть 3 элемента, которые перечислены. Я прикрепил скриншот.

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

В основном просто перейдите к Tools >

[!d4 ]

Учитывая, что это контекстное меню появляется в Firefox, кажется, скорее всего, что Aptana установила расширение Firefox.

Это описывает процесс удаления.

В основном просто перейдите к Tools > Add-ons в Firefox. Там вы должны найти некоторое расширение, связанное с Aptana - его, вероятно, называют «отладчиком». Вы можете отключить или удалить расширение - результат будет таким же.

Изменить: Aptana был добавлен (автоматически?) В качестве внешнего редактора Firebug. Хотя редактирование about: config является опцией, «правильный» способ редактирования внешних редакторов - это окно «Настройка редактора» Firebug, которое вы можете найти в контекстном меню в виде расширенного варианта для редактора или через главное меню Firebug:

Учитывая, что это контекстное меню появляется в Firefox, кажется, скорее всего, что Aptana установила расширение Firefox.

Это описывает процесс удаления.

В основном просто перейдите к Tools > Add-ons в Firefox. Там вы должны найти некоторое расширение, связанное с Aptana - его, вероятно, называют «отладчиком». Вы можете отключить или удалить расширение - результат будет таким же.

Изменить: Aptana был добавлен (автоматически?) В качестве внешнего редактора Firebug. Хотя редактирование about: config является опцией, «правильный» способ редактирования внешних редакторов - это окно «Настройка редактора» Firebug, которое вы можете найти в контекстном меню в виде расширенного варианта для редактора или через главное меню Firebug:

Учитывая, что это контекстное меню появляется в Firefox, кажется, скорее всего, что Aptana установила расширение Firefox.

Это описывает процесс удаления.

В основном просто перейдите к Tools > Add-ons в Firefox. Там вы должны найти некоторое расширение, связанное с Aptana - его, вероятно, называют «отладчиком». Вы можете отключить или удалить расширение - результат будет таким же.

Изменить: Aptana был добавлен (автоматически?) В качестве внешнего редактора Firebug. Хотя редактирование about: config является опцией, «правильный» способ редактирования внешних редакторов - это окно «Настройка редактора» Firebug, которое вы можете найти в контекстном меню в виде расширенного варианта для редактора или через главное меню Firebug:

Учитывая, что это контекстное меню появляется в Firefox, кажется, скорее всего, что Aptana установила расширение Firefox.

Это описывает процесс удаления.

В основном просто перейдите к Tools > Add-ons в Firefox. Там вы должны найти некоторое расширение, связанное с Aptana - его, вероятно, называют «отладчиком». Вы можете отключить или удалить расширение - результат будет таким же.

Изменить: Aptana был добавлен (автоматически?) В качестве внешнего редактора Firebug. Хотя редактирование about: config является опцией, «правильный» способ редактирования внешних редакторов - это окно «Настройка редактора» Firebug, которое вы можете найти в контекстном меню в виде расширенного варианта для редактора или через главное меню Firebug:

Учитывая, что это контекстное меню появляется в Firefox, кажется, скорее всего, что Aptana установила расширение Firefox.

Это описывает процесс удаления.

В основном просто перейдите к Tools > Add-ons в Firefox. Там вы должны найти некоторое расширение, связанное с Aptana - его, вероятно, называют «отладчиком». Вы можете отключить или удалить расширение - результат будет таким же.

Изменить: Aptana был добавлен (автоматически?) В качестве внешнего редактора Firebug. Хотя редактирование about: config является опцией, «правильный» способ редактирования внешних редакторов - это окно «Настройка редактора» Firebug, которое вы можете найти в контекстном меню в виде расширенного варианта для редактора или через главное меню Firebug:

Учитывая, что это контекстное меню появляется в Firefox, кажется наиболее вероятным, что Aptana установила расширение Firefox.

1) перейти к: config

2) найти Aptana [!d2 ]

Мои решения по удалению пункта меню Aptana Studio из контекстного меню Firefox 4 состояли в

1) перейти к: config

2) найти Aptana

3) на каждой из записей (должно быть 3) щелкните правой кнопкой мыши и выберите сброс

Собственное контекстное меню довольно редко применяется в интерфейсе веб-страницы. Ведь пользователю совершенно не очевидно, что на каком-то элементе надо щёлкнуть не левой, а правой кнопкой мыши и выбрать пункт из списка. К тому же не все посетители сайтов любят использовать правую кнопку мыши, а на смартфонах её вообще нет, только имитация. Несмотря на эти особенности в HTML5 есть возможность создавать собственные контекстные меню, реализовано это пока только в Firefox, и то весьма своеобразно.

Для начала давайте посмотрим, как вообще создаются разные меню. Для этого используется комбинация тегов и (пример 1).

Пример 1. Контекстное меню

HTML5 IE Cr Op Sa Fx

Контекстное меню

Атрибут contextmenu сообщает, что наше меню является контекстным и одновременно указывает на тег с заданным идентификатором (в данном случае edit ). Пока ни один браузер не понимает приведённый пример, включая Firefox. Для него вместо тега следует вставить нестандартный тег (пример 2).

Пример 2. Меню в Firefox

HTML5 IE Cr Op Sa Fx

Контекстное меню

Код получился невалидным, зато при щелчке по картинке в Firefox появляется красивое меню (рис. 1).

Рис. 1. Контекстное меню

Пока это меню не работает нужным образом, так что переделаем его. Для начала добавим возле пункта меню иконку с помощью атрибута icon , так меню получится симпатичнее. В качестве значения указывается относительный или абсолютный путь к графическому файлу. Затем надо сделать, чтобы при нажатии на пункт меню происходило какое-то действие. Для этого воспользуемся событием onclick и с его помощью будем вызывать нужную функцию. В примере 3 показано создание контекстного меню для текста, если в нём выбрать «Править», то текст можно редактировать. На деле же применяется скрытое текстовое поле, которое становится видимым при вызове функции edit(), сам же текст на время редактирования скрывается. После нажатия на Enter текст из формы вставляется на место текстового абзаца, создавая впечатление, что именно его мы и правили. Форма же после завершения редактирования прячется вновь.

Пример 3. Редактирование текста

HTML5 IE Cr Op Sa Fx

Контекстно меню #edit { width: 200px; border: 1px solid #ccc; display: none; } function edit() { document.getElementById("text").style.display = "none"; document.getElementById("edit").style.display = "block"; document.getElementById("edit").value = document.getElementById("text").innerHTML; document.getElementById("edit").focus(); } function text() { document.getElementById("text").innerHTML = document.getElementById("edit").value; document.getElementById("edit").style.display = "none"; document.getElementById("text").style.display = "block"; }

Пример текста

Вид нового меню показан на рис. 2.

Рис. 2. Меню с иконкой

Как видно из примера, создание контекстного меню ничем не отличается от создания других интерактивных элементов. При нажатии на пункт меню вызывается наша функция с помощью обработчика onclick , а дальше эта функция будет делать то, что мы пожелаем. Firefox 8 стал первым браузером, который начал поддерживать контекстные меню HTML5, но вызывает удивление, почему разработчики Firefox ввели для меню свой собственный нестандартный тег . Здесь возможны несколько вариантов развития событий:

• тег будет добавлен в спецификацию HTML5;
• этот тег себя изживёт и не будет поддерживаться в будущих версиях Firefox;

Остаётся только ждать ответа других браузеров, в которых тег наконец-то будет реализован, а также разные меню на его основе.

Одним из наиболее значимых изменений интерфейса недавно вышедшей стабильной версии Mozilla Firefox 32 стала модификация контекстного меню. Заключается она в том, что некоторые текстовые элементы меню были заменены графическими эскизами, расположенными в верхней его части. В частности такой замене подверглись опции перехода назад и вперед по страницам, а также опции обновления и добавления страницы в браузерные закладки.

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

Разумеется, и разработчики Firefox, и создатели сторонних дополнений предвидели подобные сценарии и поэтому предоставили пользователям возможность самим выбирать, какое меню использовать, старое или новое. Одним словом, если обновлённое меню вам не по душе, вы легко можете вернуть ему прежний вид одним из двух способов.

Восстановить дизайн Firefox можно с помощью хорошо известного дополнения под названием Classic Theme Restorer. После установки дополнения вам нужно будет зайти в его настройки, в разделе «Основной интерфейс» отыскать опцию «На странице, в контекстном меню, заменить значки метками» и активировать её.

Иконки в контекстном меню исчезнут, а само меню станет на порядок длиннее. Кроме того при установке Classic Theme Restorer вкладки, которые в последних версиях Firefox имели округлый вид, вновь станут узкими и строго прямоугольными.

К сожалению, этот способ не принесёт желаемого результата, если для оформления интерфейса Firefox вы используете «полную» тему. Хотя это ещё не означает, что ради прежнего вида меню вам придётся пожертвовать красотой. При использовании обычных тем оформления никаких «конфликтов» не возникает.

Второй способ столь же прост, как и первый, только вместо Theme Restorer на этот раз мы будем использовать дополнение Menu Wizard. После установки дополнения переходим в его настройки, раскрываем список «Основное контекстное меню» и снимает галочки со следующих пунктов:

• context-back
• context-forwrad
• context-reload
• context-stop

Дополнение Menu Wizard работает при любых темах, кроме того оно позволяет быстро скрывать и показывать эскизы из самого контекстное меню. Правда, есть у Menu Wizard один недостаток. Меню-иконки нельзя сделать текстовыми как при использовании Theme Restorer, их можно только скрыть.

Полезные советы для пользователей Mozilla Firefox
1. Чтобы быстро найти любое слово на веб-странице, напечатайте «/слово» – слэш вызывает функцию быстрого поиска, и искомое слово будет подсвечено, а затем нажмите Ctrl+G, чтобы «снова найти» это слово.

2. Если вы хотите удалить какой-либо элемент списка из выпадающего меню адресной панели, выделите его наведением курсора – и просто нажмите Shift+Delete.

3. Периодически очищайте историю загрузок, чтобы менеджер загрузок лучше работал, это настраивается в английской версии браузера здесь: Tools | Options | Privacy, а в русифицированной – здесь: Инструменты | Настройки | Загрузки.

4. Напечатайте about:cache?device=disk в адресной полосе, чтобы просмотреть/сохранить объекты, которые находятся в дисковом кэше Firefox.

5. Напечатайте about:cache?device=memory в адресной полосе, чтобы просмотреть/сохранить объекты в кэше Firefox.

7. Если вы случайно удалили закладку и хотите ее восстановить, откройте менеджер закладок (Bookmarks Manager) и нажмите Ctrl+Z или в меню: Edit | Undo (Правка | Отменить).

8. Двойное нажатие кнопкой мыши на пустое пространство в полосе вкладок (Tab Bar) открывает новую вкладку.

9. Удерживайте клавишу «Ctrl», нажимая правой кнопкой мыши в контекстном меню «Показать изображение» (View Image) или «Показать фоновое изображение» (View Background Image), чтобы открыть изображение в новой вкладке или новом окне.

10. Папку закладок также можно перетаскивать на другое место, но при этом следует удерживать клавишу «SHIFT».

11. Чтобы не дать веб-сайту заменить/изменить ваше контекстное меню, вызываемое правой кнопкой мыши, пойдите по пути Инструменты > Опции > Функции Веб, а затем нажмите на строку «передовая вкладка» и отмените выбор меню «Удалять или заменять контекстные меню». В Firefox 2: Tools > Options > content > Advanced (Инструменты > Настройки > Содержимое > Дополнительно).

12. Вы можете работать с Firefox в режиме оффлайн – просто откройте меню File > Work Offline (Файл > Работать автономно). Это означает, что вы можете даже в режиме оффлайн просматривать ранее открытые страницы – отличная функция, но немногие ею пользуются.

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

14. Чтобы прекратить проигрывание анимированных изображений формата gif, нажмите на кнопку «ESC».

И в дополнение… Сочетания клавиш для удобной работы в Firefox с клавиатуры!
— Закрыть вкладку: Ctrl+W Ctrl+F4
— Закрыть окно: Ctrl+Shift+W Alt+F4
— Новая вкладка: Ctrl+T
— Новое окно: Ctrl+N
— Выбрать вкладку (от 1 до 8): Ctrl+(1 —
— Выбрать последнюю вкладку: Ctrl+9
— Поместить все вкладки в папку закладок: Ctrl+Shift+D
— Выбрать адресную панель: Ctrl+L F6 Alt+D
— Открыть адрес в новой вкладке: Ctrl+Enter
— Поиск в Веб: Ctrl+E Ctrl+K
— Следующая вкладка: Ctrl+Tab Ctrl+Page Down
— Предыдущая вкладка: Ctrl+Shift+Tab Ctrl+Page Up