Это пакет утилит, с помощью которого вы можете анализировать и тестировать скорость загрузки в соответствии с каждым компонентом, файлом, мы также можем редактировать, отслеживать и отлаживать исходный код, CSS, HTML и Javascript веб-страницы мгновенно и в режиме реального времени наблюдать Изменения в сети. Он также служит для анализа поведения переменной или URL-адреса с параметрами, позволяя увидеть, какие параметры отправлены и сервер отвечает.
Некоторые функции, которые предлагает Firebug :
- Редактирование HTML в реальном времени.
- CSS редактирование в реальном времени.
- Редактирование Javascript в режиме реального времени.
- CSS предоставление.
- Javascript отладчик.
- Интегрированная поисковая система
- Мониторинг сетевой активности.
- DOM Explorer.
- Менеджер ошибок в Javascript, CSS и XML
[color = # 2f4f4f] Скачать Firebug [/ color]
На веб-сайте аддонов Mozilla нам будет разрешено получить доступ к надстройке и установить ее
Как только Firebug установлен и Firefox перезапущен, мы можем быстро получить доступ к Firebug, щелкнув правой кнопкой мыши на веб-экране, который мы хотим работать, или в меню инструментов
Мы возьмем пример сети Организации Объединенных Наций //www.un.org/en/, мы сделаем правильную лицензию на экране, и откроется экран с Firebug.
В этом случае на вкладке сети мы видим вес в килобайтах и в какой последовательности элементы отображали браузер и сколько времени потребовалось для отображения каждого элемента, интересно отметить, что из 6, 61 секунды, требуемой для отображения страницы, две секунды соответствуют одной одиночное изображение, которое является языковой панелью, тогда мы можем подумать, можно ли его оптимизировать.
На вкладке HTML и CSS мы можем указать на блок структуры, и он покажет нам код.
Здесь, например, мы указываем на баннер div top, который соответствует id #topbanner в файле style.css. Если мы нажмем на код CSS, мы можем изменить его, и это будет временно отображаться в Интернете. Вкладка консоли позволяет просматривать и отслеживать вызовы JavaScript и ошибки в случае сбоя. В случае ошибки будут показаны файлы и номер строки кода, где произошла ошибка.
Firebug помогает нам быстро находить объекты DOM, а затем редактировать их на лету. Позволяет осмотреть DOM.
Объектная модель документа или DOM (« объектная модель документа » или «объектная модель для представления документа») - это, по сути, интерфейс прикладного программирования, который предоставляет стандартный набор объектов для представления документов HTML и XML.
СТАТЬИ