Изучаем FireBug, супер полезное дополнение для браузера Firefox

Если Mozilla Firefox – один из самых удобных браузеров для разработчиков, то FireBug, без сомнения, его полезнейшее приложение. Существует как минимум четыре причины, почему вам нужно установить FireBug:

• Дополнение является бесплатным.
• Его функция – показать то, как будет выглядеть страница, если вы измените размер шрифта, фон, и.т.д. То есть, не нужно менять код в шаблоне – запустите FireBug и смотрите, что можно изменить и как это будет выглядеть.
• Позволяет отслеживать все ошибки на сайте.
• Фиксирует скорость загрузки всего сайта и отдельных элементов страниц.

Установка FireBug

1. Для начала, если вы пока не сделали этого, скачайте на ПК и установите браузер Mozilla.
2. Перейдите на официальный сайт данного дополнения (да, у него есть свой сайт http://firebug.ru ) и нажмите кнопку «Установить FireBug». Она находится в правой части экрана.
3. Далее вас перенаправят на сайт Мозиллы, где нужно будет нажать еще одну кнопку, на этот раз «Добавить в Firefox».
4. Выберите «Установить» в открывшемся окне и перезапустите Firefox.
5. Начинаем изучение «жучка». Кстати, дополнение действительно выглядит как жук и по идее уже появилось в вашем Firefox в правом нижнем углу.
6. Появится окошко расширения. Выбираете любой объект на странице (нажимаем на стрелку и щелкаем по любому участку блога).
7. Справа увидите стиль выбранного вами объекта.

Представим, что вы хотели бы поиграть со шрифтами. Измените значение «color» – и вы сразу видите, как будет выглядеть ваш текст после изменения. Если вас все устраивает, в правой части FireBug будет показано, где именно находится файл и строка для изменения кода. Согласитесь, более чем удобно!

А еще с помощью FireBug можно отслеживать скорость загрузки страниц. Нажмите на стрелку во вкладке «Сеть» и выберите там пункт с названием «панель включена». Рисунок вам в помощь После этого обновляем страницу. Сделать это в Firefox можно с помощью «горячей» комбинации Ctrl+R. Результат будет примерно таким.

Как видим, напротив каждого элемента показано точное время в миллисекундах, необходимое для загрузки. Что-то грузится за 657 мс, другие объекты – за 141 мс. В общем, большой разрыв, есть над чем работать!

Чтобы закрыть ваше дополнение FireBug, нажмите на красную кнопку панели. Помимо этого, у FireBug десятки других возможностей, с которыми вы сможете ознакомиться на официальном сайте. А у нас на сегодня все!