FireBug: debug сайта, сетевая активность сайта

Тяжела и неказиста жизнь простого веб-программиста. Не в рифму, зато правда. Особенно сложно в плане проверки на защищенность сайта и другие «экстримальные» условия.

В подобных случаях очень помогает плагин FireBug, написанный для FireFox. Здесь я коротко опишу его функционал.

Начну с самого вкусного. Лично я столкнулся с ним тогда, когда надо было узнать – какие post-get запросы отправляет сайт, куда и с какими параметрами (было ощущение, что написанный движок – подстава и на самом деле бекдор на сервер).

Скачайте и установите плагин. Теперь перейдите на сайт, с которым работаете. Нажмите F12 (или Вид->FireBug). А вот и окошко плагина!

Тут мы видим несколько закладок.

Вкладка HTML позволяет сразу просматривать HTML-код сайта в удобном «подсвеченном» состоянии. Мне очень понравилось то, что все элементы «свернуты», а если нажать на тег, то в окошке справа будет показано, какие стили CSS к нему применены. Вот например:

Во вкладке CSS будут показаны вообще все стили сайта. Удобно тем, что собираются все файлы и встроенные стили воедино, а ведь иногда так лень лазить и искать где что прописано.

Во вкладке Scripts аналогично со скриптами. Хотя, честно говоря, работает довольно странно – куски HTML-кода тоже попадаются.

Закладка DOM, как ни странно, дает DOM-представление документа. Довольно удобно, если нужно узнать что к какому тегу привязано. Еще тут круто вот что: можно навести мышку на любой элемент страницы и он будет выбран в DOM-инспекторе.

А вот теперь самое главное, из-за чего я и пишу все это. Вкладка Net.

Здесь показана вся сетевая активность сайта. Если проще – то какие запросы, куда, когда  и с какими параметрами он посылает! Этакий сниффер для сайта. Вот например:

Тут сразу видно, что megaupload.com использует рекламу от Google , загружает половину графики из других мест (и еще всякие интересные штуки, но я их тут не покажу).

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

Вторая важная информация – время загрузки разных запросов. Другими словами можно узнать почему сайт тормозит. Например, когда-то давно seoinsoul.ru спрашивал меня, почему у него сайт так долго грузится. Сейчас понятно – хостинг, похоже, хреновый. Дольше всего грузятся картинки самого же сайта.

Кстати, картинки наглядно показаны, если навести мышку на запрос. А если кликнуть на запрос, то наглядно показано ЧТО посылается. Ну просто архи-удобно! Я восхищен!

Запросы можно группировать (кнопки сверху, после закладок), чтобы долго не искать то, что нужно.

Короче, развлекуха! Я час убил – разные сайты «щупал».

Отзывов (12) на «FireBug: debug сайта, сетевая активность сайта»

пишет:
16.02.2009 в 1:16 пп


Очень удобный аддон. Сколько я всяких файлов скачал, которые закомментированы и «требуют регистрации» .

И для userstyles.org он отлично подходит стили писать.

---

пишет:
17.02.2009 в 2:33 дп


неплохая штука, но для тестирования скорости загрузки сайта я юзаю webo.in, а для проверки на взлом и левые коннекты – смотрю логи в фаерволе

расскажи потом постом, как ты находишь рекламодателей на ссылки в рсс, какие там цены и специфика не первый, у кого замечаю, но забываю спрашивать

---

пишет:
17.02.2009 в 2:56 пп


удобнейший плагин, давно им пользуюсь =)

---

пишет:
18.02.2009 в 10:12 пп


Лично я его люблю за его «консольность»

---

пишет:
19.02.2009 в 12:17 дп


Отличная статья, давно искала

---

пишет:
19.02.2009 в 3:47 пп


Обязательно встановлю себе!!

---

пишет:
19.02.2009 в 3:56 пп


Всё зависит от наших посещений

---

пишет:
19.02.2009 в 4:03 пп


А точнее от нас самих

---

пишет:
21.02.2009 в 6:33 пп


Не знал о существовании этого плагина. Воспользуюсь.

---

пишет:
22.02.2009 в 5:51 пп


Автору респект. Полезная статья

---

пишет:
02.03.2009 в 11:40 пп


Спасибо за обзор.
Как-то все руки до ФайерБага не доходили, а тут – типа мотиватор.

И кстати – какую именно, говоришь, ДЛЕ можно не бояться?

---

пишет:
03.03.2009 в 12:09 дп


Светоч, всегда пожалуйста
По поводу дле, честно сказать, не помню уже. Проверил один свой супер-пупер-нулленый сайт.

---

Оставьте свой комментарий