Firebug – плагин-оркестор

Разработка чего угодно происходит намного быстрее и удобнее если под рукой есть специально разработанные для этого инструменты. Тоже самое касается и разработки любого web-сайта. Конечно, можно упростить этот процесс прибегнув к коллективному разуму, а что делать, если вы один и не от кого ждать руки помощи?

Если вы имеете дело с любым видом веб-производства будь то создание сайта с нуля или просто изменение шаблона какой-нибудь темы wordpress, то вещь о которой я расскажу просто обязана быть у вас.
Единственное, для этого надо иметь браузер Mozilla Firefox. Как вы уже поняли речь идет о плагине.

Называется он Firebug! Слышали о таком?

Если да, то молодцы! Хорошая вещица, не правда ли? Ну а если нет, то не теряйте время зря и устанавливайте его скорее.

Все еще сомневаетесь? Тогда обо всем по порядку!

Firebug обладает всеми необходимыми для отладки и создания сайта возможностями.

Во-первых, иконка Firebug’a висит внизу, в строке состояния бразура. Запуск плагина занимает пару секунд. По умолчанию, плагин открывается в нижней части окна браузера, тем самым делит его на две части. Но также есть возможность отделить плагин от браузера и сделать отдельным окном.

После запуска мы можем воспользовтаься услугами инструмента Inspect element. Это инструмент выделяет элемент, над которым находится курсор мыши, с помощью рамки, и тут же показывает в окне плагина кусок html-кода, которому соответствует этот элемент. Таким образом очень удобно смотреть на ссылки, сразу видно есть ли у них атрибут nofollow или нет.

Мало того, в окне плагина сразу же можно увидеть и css стиль для выделенного элемента, включая те стили, которые он наследует. Но самое интересное здесь это то, что прямо в плагине можно внести изменения в css стиль и они тут же отобразятся в браузере. Останется только скопировать наработанный стиль, вставить его в css-файл и сохранить.

Двигаемся дальше. Вкладка Script. Здесь вообще настоящий отладчик для JavaScript. Можно поставить брейкпоинты, просматривать значения переменных, пошагово выполнять скрипт и много чего еще. Все что нужно, для того, чтобы выловить ошибку.

Вкладка DOM(Document Object Model). Здесь перед вами вся DOM структура страницы как на ладони. Найдете все, что вам может понадобится. Заострятся особо на этом не буду. Но штука может быть полезна в определенных случаях.

И, наконец, вкладка Net откроет перед нами тайну клиент-серверных взаимотношений. Тут есть все. Можно проследить заголовки запроса, заголовки ответа, какие данные были переданы серверу и клиенту, какой метод использовался, сколько времени запрос обрабатывался, сколько времени пересылались данные, какие файлы были загружены и многое другое.

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

Постовой:
Читайте на SEO блоге от Fewal обзоры партнерок.

Это может быть интересно:

• Роботы и синдикация: наши враги или друзья
• Плагины Wordpress – набор джентельмена