Андрей Смирнов
Время чтения: ~6 мин.
Просмотров: 1

Thank you, Firebug. You made the web amazing for all!

Браузер «Мозилла Фирефокс» известен широкому кругу интернет-пользователей своей стабильностью в работе и богатому набору интересных функций. Главной особенностью веб-браузера является использование для расширения его возможностей специальных плагинов-дополнений. Эти плагины увеличивают изначальный функционал браузера, значительно упрощая жизнь пользователю.

Расширения и плагин для браузера Firebug дает пользователю доступ к редактированию интернет-страниц (кода HTML), возможна также отладка Java-скриптов. Дополнение можно использовать в качестве инструмента для создания собственного сайта или редактирования готовых страниц. Скачать Firebug для Firefox на русском языке можно с официального сайта обозревателя. Значок (на нем нарисован жук) установленного плагина отображается в нижней части экрана. Ниже приводится описание основных возможностей расширения.

firebug-dlya-firefox.jpg

Правка кода интернет-страницы «на лету»

Если загружаемая страница отображается некорректно или в процессе ее загрузки появляется ошибка, пользователь, при должной квалификации, может попробовать решить проблему, внеся изменения в HTML-код. С помощью плагина-модуля «Фаербаг» это сделать несложно. Если нажать на пиктограмму жучка в нижней части окна браузера, можно вызвать на экран меню приложения для работы с содержимым веб-страницы. Оно отобразится в нижней части экрана. Юзеру предоставляются следующие возможности:

  Экспресс-панель в Mozilla Firefox

  1. Правка на лету Java-скриптов и возможность добавления точек останова для коррекции кода в реальном времени.
  2. Исправление HTML-кода различных элементов открываемой страницы. Примечательно, что все вносимые изменения сразу вступают в силу, изменяя внешний вид веб-страницы.
  3. Вход в специальный режим редактирования HTML, когда по клику мышкой любого элемента сайта в окне дополнения автоматически осуществляется переход к нужному месту в HTML-коде.

Использование плагина в качестве инструмента для создания веб-страниц

Многие веб-разработчики используют плагин Mozilla в качестве инструмента для создания собственных интернет-сайтов. При кажущейся простоте, дополнение дает обширные возможности по правке готового кода HTML страницы и позволяет создавать новые объекты.

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

Необходимые системные требования

Для Firebug не существует отдельных требований к аппаратной и программной части персонального компьютера, так как он работает в составе веб-обозревателя. А для Mozilla Firefox системные требования следующие:

  1. Наличие стабильного интернет-подключения.
  2. Процессор с тактовой частотой 1,5 ГГц и выше.
  3. 1 Гб ОЗУ (рекомендуется 2 Гб).
  4. От 100 Мб свободного дискового пространства.

  Тонкая настройка Mozilla Firefox

Программная составляющая: рекомендуется использовать Windows 7 и выше, хотя возможна работа и в «Windows XP SP3».

debugger-panel-20.png

Плюсы «Фаербаг» для «Фаерфокс»

Достоинства плагина следующие:

  1. Правка кода загружаемых веб-страниц в режиме реального времени.
  2. Богатый инструментарий для верстки собственных сайтов.
  3. Правка Java-скриптов.
  4. Пошаговая отладка с использованием промежуточных точек останова.
  5. Наличие бесплатной русскоязычной версии расширения.

Заключение

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

Рекомендуем!InstallPack
Официальный дистрибутив Firefox
Тихая установка без диалоговых окон
Рекомендации по установке необходимых программ
Пакетная установка нескольких программ

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

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

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

Подробности

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

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

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

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

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

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

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

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

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

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

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

Скачать Firefox Devtools

firebug-and-devtools.png

The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of Firefox and see the very latest devtools updates.

Tips on making the switchFirebug ReleasesFirebug SourceBlogfirebug-heart.png

There are too many contributors to count but here are the names that come to mind. Thank you for you work and passion for Firebug. It was not possible without you.

All Members
 
Jan ‘Honza’ Odvarko Christoph Dorn
John J. Barton Steven Roussey
Joe Hewitt Sebastian Zartner
Steve Souders Pedro Simonetti Garcia
Douglas Crockford Harutyun Amirjanyan
Dion Almaer Stampolidis Anastasios
Kevin Sawicky Joe Walker
Rob Campbell Farshid Beheshti
Azer Koçulu Simon Lindholm
Curtis Bartley Florent Fayolle
Hans Hillen Jakob Kaltenbrunner
Kevin Decker Belakhdar Abdeldjalil
Mike Collins Alistair Laing
Mike Ratcliffe
Austin Andrews
Hernan Rodríguez Colmeiro
Translators
 
Leszek(teo)Życzkowski (pl-PL) Dark Preacher (ru-RU)
markh (nl-NL) Tiago Oliveira (pt-BR)
peter3 (sv-SE) Diego de Carvalho Zimmermann (pt-BR)
AlleyKat (da-DK) Alexandre Rapaki (pt-BR)
Hector Zhao, lovelywcm (zh-CN) Juan Botías (es-ES)
Lukáš «lordfrikk» Kucharczyk (cs-CZ) Álvaro G. Vicario (es-ES)
Michal Kec (cs-CZ) Andriy Zhouck (uk-UA)
ReinekeFux (de-DE) Hisateru Tanaka (ja-JP)
Benedikt Langens (de-DE) Mohsen Shadroo (fa-IR)
Sebastian Zartner (de-DE) Eduard Babayan (hy-AM)
l0stintranslation (it-IT) Eduard Babayan (hy-AM)
gonzalopirobutirro (it-IT) Tomaž Mačus (sl-SI)
alexxed (ro-RO) Stoyan Stefanov (bg)
Nicolas Martin (fr-FR) Alexander Shopov (bg)
Franck Marcia (fr-FR) Kristján Bjarni Guðmundsson (is-IS)
gLes (hu-HU) NGUYỄN Mạnh Hùng (vi-VN)
Xavi Ivars — Softcatalà (ca) Bwah (hr-HR)
gezmen (tr-TR) Sonickydon (el-GR)
eternoendless (es-AR) David Gonzáles (es)

logo-developer-quantum.png

Try the new Firefox Quantum developer tools in Developer Edition or update to the latest release version. Inside you will find the latest tools like the first CSS Grid inspector and the JavaScript debugger.

Helpful tips on how to make the switch to Firefox Developer Toolshero.pngИспользуемые источники:

  • https://firefox-browsers.ru/rasshirenie-mozilla-firebug.html
  • https://firefx.ru/plugins/firebug-dlya-firefox
  • https://getfirebug.com/

Рейтинг автора
5
Подборку подготовил
Максим Уваров
Наш эксперт
Написано статей
171
Ссылка на основную публикацию
Похожие публикации