Firebug

Firebug - розширення для браузера Firefox, що є консоллю, відладчиком, і DOM -інспектором JavaScript, DHTML, CSS, XMLHttpRequest. Firebug показує в консолі викликала помилку функцію, стек викликів функцій, що викликали цю помилку. Він попереджає, що CSS-правило або JavaScript-метод/свойство, яке ви намагаєтеся використовувати, не існує.


1. Розробка

Спочатку Firebug був розроблений Джо Хьюіт, програмістом компанії Parakey (англ.), купленої Facebook в липні 2007 року [1]. Згодом координацією розробки розширення стала займатися Робоча група Firebug ( англ. Firebug Working Group ). Найбільш істотний внесок у розробку стали вносити Джон Бартон ( англ. John J. Barton ) З IBM, який зіграв ключову роль у підготовці релізів 1.1 і 1.2 і Ян Одварко ( англ. Jan Odvarko ) [2].


2. Популярність

3. Можливості

  • Зручний перегляд HTML -коду сторінки. Функція Inspect дозволяє точно визначити місцезнаходження тега того чи іншого елемента, переглянути всі "прив'язані" до нього властивості і стилі.
  • Редагування HTML і CSS прямо в браузері. Можна змінювати атрибути тегів і значення властивостей для того, щоб поспостерігати зміни. Зручно для тих випадків, коли потрібно шляхом експериментів знайти найприйнятніший варіант оформлення створюваної сторінки.
  • Налагодження JavaScript.
  • Відстеження процесу завантаження сторінки.
  • Перегляд HTTP-заголовків звичайних і AJAX -запитів.

4. Доповнення до Firebug

Для Firebug створений ряд доповнень, що розширюють його функціонал або спрощують роботу з ним:

  • Firecookie - перегляд і управління cookies
  • FirePHP - бібліотека та доповнення для налагодження PHP -коду за допомогою HTTP-заголовків
  • FireRainbow - підсвічування синтаксису JavaScript
  • YSlow - розширення измеряющее швидкість завантаження сторінки і її окремих компонентів

5. Firebug Lite

Для браузерів Internet Explorer, Opera, Safari і Google Chrome існує спрощений варіант - Firebug Lite. Він являє собою JavaScript-файл, який необхідно включити в відлагоджувати HTML-сторінку або використовувати в режимі " букмарклет " [3].

Примітки

  1. Chandan Luthra, Deepak Mittal The history of Firebug / / Overview of Firebug 1.5: Editing, Debugging, and Monitoring Web Pages / Reviewers: Balaji D Loganathan, Michael Ratcliffe, Michael Sync. - 1st ed. - Birmingham: Packt Publishing Ltd., 2010. - P. 8. - ISBN 978-1-847194-96-1
  2. Resig, John Tracking Firebug Performance - ejohn.org / blog / tracking-firebug-stability / (Англ.) . John Resig's blog (August 12th, 2008). Читальний - www.webcitation.org/65in7aQGz з першоджерела 25 лютого 2012.
  3. http://getfirebug.com/lite.html - getfirebug.com / lite.html - Firebug Lite