Firebug для Firefox

Firebug для Firefox – это специальное приложение, которое использует веб-мастер. Программа помогает устранить ошибки в коде, написанном на HTML, редактировать CSS.

Основные функции:

  • Файербаг сразу показывает на функцию, которая вызвала тот или иной баг.
  • Выдает предупреждение, если пользователь ввел правило для CSS или для скриптов Джава, которое не существует.
  • Отслеживает скорость загрузки страницы веб-сайта.
  • Просматривает HTTP-заголовки, AJAX-запросы.

Подробности

Разработчиком данного приложения является Джо Хьюит. Однако на сегодняшний день версии Фаерфокса выше 57 уже не поддерживают его. Теперь заместо был выпущен мощный инструмент Firefox Devtools, который встроен в расширенную версию браузера «Огненная лисица», выпущенную специально для веб-разработчиков.Общий вид Firefox Developer Edition

Теперь как расширение Фаербаг не найти. Вместо этого пользователю разработчики предоставили мощный и плавный браузер FireFox Quantum. Скачать его можно с сайта разработчика Мозилла.

Процедура установки

Чтобы загрузить его пользователь делает следующие шаги:

  1. Переходит по ссылке и попадет на страницу расширенного издания браузера специально исполненного для разработчиков сайтов (найти URL вы можете в конце статьи).
  2. Кликнуть по синей прямоугольной кнопке.Скачать Firefox Developer Edition
  3. Открыть загруженный файл.
  4. Дождаться окончания инсталляции.Установка Firefox Developer Edition

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

Использование

В использовании нет ничего сложного. Вызвать утилиту для веб-отладки можно с помощью сочетания клавиш Ctrl + Shift + I или единичного нажатия на F12.

Облегчена работа для вебмастера. Теперь не нужно совершать много действий: открывать расширение, изменяя в нем код, обратно переходить на страницу. У разработчика теперь находятся все инструменты под рукой.

Основные элементы управления открыть выйдет так:

  1. Кликните на иконку «решеточки», которая находится правее адресной строки.
  2. Теперь выберите опцию «Веб-разработка».Пункт Веб-разработка в меню Firefox Developer Edition
  3. Откройте один из предложенных инструментов.

Скачать Firefox Devtools

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

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