Плагины Firefox для веб-разработчика. Гайд по вакансиям в веб разработке

Влад Мержевич

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

Установка происходит довольно просто, достаточно зайти браузером Firefox на сайт автора и нажать «Download», после чего вы будете перемещены на сайт, где надо щёлкнуть по «Добавить в Firefox» (рис. 7.1).

Рис. 7.1. Добавление в Firefox

Также можно зайти напрямую на страницу с расширением.

После добавления появится окно с предупреждением (рис. 7.2), жмём кнопку «Установить сейчас» и процедура установки закончена.

Рис. 7.2. Установка Web Developer

Ещё одним способом установки разных расширений является использование меню Инструменты > Дополнения . В окне поиска набираем «web developer», жмём Enter , в списке ниже появится нужное нам дополнение (рис. 7.3).

Рис. 7.3. Окно с дополнениями Firefox

Само расширение выглядит как строка меню над вкладками (рис. 7.4), также оно доступно через меню Инструменты > Web Developer . Включать/выключать панель можно через меню Вид > Панели инструментов либо щелчком правой кнопки мыши по панели расширения.

Рис. 7.4. Web Developer в браузере

Пройдёмся по пунктам меню Web Developer.

Отключить кэш

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

Обновить страницу в обход кэша можно также комбинацией клавиш Ctrl +F5 , она поддерживается всеми браузерами.

Java - язык программирования, разработанный компанией Sun Microsystems. Небольшие программы на этом языке (так называемые апплеты) используются для расширения функциональности веб-страниц. В Firefox встроена поддержка этого языка, которую можно отключить через этот пункт меню. В версии Firefox 3.6 не работает.

Отключить JavaScript

Язык программирования, предназначенный для работы скриптов - интегрированных с веб-страницей программ. JavaScript широко используется при создании веб-страниц для расширения их функциональности, например создать различные меню, формы, эффекты и др. Если выбрать пункт Отключить JavaScript > Полностью , то вся функциональность на сайте перестанет работать. Этот пункт меню можно использовать для проверки работы сайта без скриптов, а также для обхода различных ограничений, которые устанавливают авторы сайтов, вроде отключения работы правой кнопки мыши. Web Developer говорит, что нет таких ограничений, которые нельзя было бы обойти.

Отключить META-переадресацию

С помощью тега можно осуществить автоматическую переадресацию на указанный документ через определённый промежуток времени. Для этого используется тег и значение Refresh атрибута http-equiv (пример 7.1).

Пример 7.1. Автоматическая переадресация

Переадресация

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

Отключить минимальный размер шрифтов

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

Чтобы установить минимальный размер шрифта, выберите в меню Инструменты > Настройки... , откройте панель Содержимое и щёлкните по кнопке Дополнительно в группе Шрифты и цвета. Вы можете выбрать минимальный размер шрифта из выпадающего меню Наименьший размер шрифта .

Web Developer позволяет быстро включать или отключать эту возможность. Однако, если минимальный размер шрифта в настройках не задан, этот пункт никак не влияет на результат.

Отключить цвета страницы

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

Отключить блокировщик Popup

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

Отключить прокси

Под прокси понимают обычно сервер или программу, позволяющую подключаться к Интернету, а также с целью создания запросов от имени других клиентов. Если в настройках Firefox (Инструменты > Настройки.. , панель Дополнительные , вкладка Сеть , кнопка Настроить ) стоит «Использовать системные настройки прокси», то этот пункт неактивен.

Отключить Referrers

Referrer это один из заголовков протокола HTTP и позволяет получить адрес страницы, с которой пользователь пришёл на сайт. Если вы печётесь о безопасности своих данных, включите этот пункт.

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

Сами куки представляют собой набор некоторых параметров:

  • уникальное имя;
  • значение;
  • путь - отправлять куки только при совпадении пути и адреса страницы, путь «/» обозначает любую страницу;
  • домен - для какого адреса сайта актуальна запись;
  • дата истечения - сообщает браузеру, когда куки можно удалить.

Отключить Cookies

Отключает приём куки с сайтов.

Удалить Cookies сессии

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

Удалить Cookies для домена

Удаляет все куки для сайта, который в данный момент открыт в браузере.

Удалить Cookies для пути

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

Информация о Cookies

Открывается дополнительная страница, где в табличной форме представлены все куки с данного сайта. Их параметры можно отредактировать или вообще удалить куки (рис. 7.5).

Рис. 7.5. Информация о куки с сайта youtube.com

Добавить Cookies

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

Рис. 7.6. Окно для добавления

Добавление обычно требуется для отладки работы куки и поведения сайта при их наличии.

CSS

Это меню отвечает за стили текущей страницы.

Отключить стили

Предназначено для отключения стилей по какому-либо признаку.

Все стили

Отключает все используемые на странице стили.

Стиль браузера по умолчанию

Отключает стиль для всех элементов, к которым он добавляется по умолчанию браузером. К примеру, текст внутри

и

Имеет разный размер.

Заголовок

После отключения стиля размер текста у этих элементов будет одинаковый.

Встроенные стили

Отключает стиль внутри тега