Як користуватися firebug керівництво і відео по плагіну firebug

Як користуватися firebug керівництво і відео по плагіну firebug

Вже рік я використовую Firebug, і виявив для себе, що це розширення дуже зручно. Багато, ще не знають, як їм користуватися.

Вони б хотіли мати під рукою яке-небудь керівництво з прикладами по роботі з Firebug. Таким чином, я вирішив написати цей посібник. Я як зміг постарався розповісти про всі тонкощі роботи з Firebug і відобразити їх, навівши приклади початково коду і скріншотів роботи.

Firebug - одне з найпопулярніших розширень Mozilla Firefox. Крім того, це інструмент, який допомагає спростити роботу веб-розробника. Він включає в себе багато чудових інструментів, що допомагають в налагодженні, перевірці HTML, профілювання і т.д. які будуть корисні програмістам.

Де дістати Firebug?

  1. Відвідати офіційний сайт getfirebug.com
  2. Там, в правій частині сайту, ви побачите кнопку. Натисніть на неї, щоб почати установку.
  3. Після натискання на зображення, виникне наступне діалогове вікно. Натисніть на кнопку "Встановити зараз".

Як користуватися firebug керівництво і відео по плагіну firebug

Меню "Firebug" і Консоль помилок буде відкриватися в Firefox в меню «Інструменти». Якщо ви натиснете нам консоль помилок, відкриється вікно зі списком помилок, попереджень і повідомлень системи. Насправді, ця консоль помилок - те ж саме, що і розділ Firebug.

Після натискання на "Firebug" в меню «Інструменти», відкриється наступне підменю.

Як користуватися firebug керівництво і відео по плагіну firebug

Перевірка вмісту сторінки

Це єдине меню, яке називається "Перевіряти елемент" - просто натисніть праву кнопку миші в будь-якій області сторінки. Це дуже корисне меню.

На зображенні нижче представлена ​​консоль Firebug.

Як користуватися firebug керівництво і відео по плагіну firebug

Вона складається з шести вкладок: вкладка Console, HTML, CSS, Script, DOM і Net.

Гарячі клавіші і кнопки мишки

Як користуватися firebug керівництво і відео по плагіну firebug

F12. Використовується для відкриття / закриття консолі Firebug.
Про всі гарячі клавіші можна прочитати тут.

Якщо був би ще урок, як використовувати консоль помилок css (НЕ джава), як розбирати помилки і знаходити їх в коді, це було б чудово. Тому як в інеті повно уроків з коротким оглядом, з докладним ж немає.