Правила     Закладки     Карма    Календарь    Журналы    Помощь    Поиск    PDA    Чат   
        СМС-ки
   
Пейджер выключен!
 
Фильтр авторов:    показать 
  скрыть
  Закрытая темаСоздание новой темыСоздание опроса

> Плагин Firebug для разработчика сайта
alpari.ru  
[x] Дата
Цитировать сообщение


Гость пожелал остаться неизвестным

Unregistered









Плагин Firebug для разработчика сайта

Процесс разработки сайта подразумевает проверку web-разработчиком отображения сверстанного кода в различных браузерах. Существует даже такое понятие как кроссбраузерность, то есть точное отображение сайта во всех существующих браузерах. Ведь web-разработчик не может знать, каким браузером пользуется очередной посетитель сайта, поэтому обязан обеспечить нормальное функционирование сайта в различных браузерах. Чтобы облегчить процесс отладки программного кода веб-страниц для своих программ, разработчики браузеров выпускают специальные плагины, позволяющие быстро и эффективно выявлять ошибки HTML-верстки, CSS-стилей, Java-скриптов. Таким плагином для браузера FireFox является расширение Firebug, которое сокращает время поиска и исправления нужного места в разы. Особенно ценен такой сервис для начинающих web-разработчиков, желающих вложить деньги в свой интернет ресурс.

Скачав последнюю версию Firebug и установив его на своем компьютере, вы при запуске браузера FireFox увидите новую бипмапу в виде жука. Это значит, что плагин установлен и ждет приказаний, как дилинговый центр на форекс ждет указаний по валютным операциям. Если вы что-то хотите поменять, исправить, доработать или просто посмотреть, как это работает на сайте, даже чужом, Firebug вам поможет. Да, вы не ослышались, даже на чужом, если вам что-то там приглянулось, и вы захотели реализовать это у себя. Конечно, увидеть исходный код можно и без Firebug, но прочесывание больших объемов кода, чтобы найти нужное место, вряд ли кому-то доставит удовольствие, да и времени будет потрачено немало.

С помощью Firebug все находится одним движением пальца. Щелкнув по интересующему месту страницы правой кнопкой мыши и выбрав из контекстного меню строку «Анализировать элемент» (Inspect для англоязычной версии) вам откроется участок кода страницы, отвечающий за формирование именно этого элемента. Как просто и удобно! Только за одно это стоит его иметь, но он может еще много чего, как и валютный рынок форекс в сфере получения прибыли. Тот участок кода, который имеет отношение к интересующему вас элементу, будет подсвечен синим цветом.

Если кликнуть по слову «Редактировать» вверху окна с кодом, то можно изменить код выбранного элемента и тут же увидеть, как эти изменения повлияли на внешний вид элемента. Причем эти изменения никак не отразятся на самом сайте, обновив страницу изменения можно отменить. Firebug только демонстрирует то, что произойдет при корректировке кода. Таким образом, с помощью плагина можно быстро поэкспериментировать с кодом и выбрать самый оптимальный вариант. Или отказаться от изменений совсем, если имеющийся вариант не так уж плох. Но Firebug не всесилен. Если вы пришли к выводу, что изменения усовершенствуют сайт и их надо внести в код, то отыскивать файл, который генерирует данный кусок кода, придется самостоятельно.

    0   Для быстрого поиска похожих сообщений выделите 1-2 слова в тексте и нажмите сюда Для быстрой цитаты из этого сообщения выделите текст и нажмите сюда
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Опции темы Закрытая темаСоздание новой темыСоздание опроса