Javascript.RU

Разработка под Firefox. Firebug

Самый лучший на текущий момент многоцелевой отладчик/инспектор для Firefox, который умеет массу полезного. Обязательный помощник в разработке.

  • Инспекция DOM/HTML
    • выбор элемента кликом мыши дает полную информацию по нему
  • Работа с CSS
    • покажет полную box-модель элемента
    • можно изменять любые свойства онлайн и тут же видеть изменения
  • Мониторинг запросов и заголовков
  • Отладка и профилировка Javascript
  • Консоль javascript

Описание и документацию - смотрите на http://firebug.ru...

Один из лучших материалов - видео от Joe Hewitt, автора плагина, на английском: Joe Hewitt — Welcome to Firebug 1.0


Автор: ГадкийЯ (не зарегистрирован), дата: 26 мая, 2011 - 21:57
#permalink

Заранее извиняюсь за оффтоп
Вопрос по FireBug (такого еще не было =)) )
В общем закрыл панель внизу, где этот жук был нарисован. и теперь его не достать)

Подскажите что делать) переустановка плагина не спасла....


Автор: kobezzza, дата: 28 мая, 2011 - 13:10
#permalink

F12 - включить фаербаг, а так ещё попробуй включить "панель дополнений": правый клик по верхней панельке лисы и там выбор.


Автор: yu_v_b, дата: 8 марта, 2012 - 22:06
#permalink

Доброго времени суток.
Chrome и Safari, 100 лет в обед, как эту канитель поддерживают.
Да и по шустрее, чем тугой Firefox.
Плюс, данная услуга идет default.
Ни каких плагинов, ни расширений качать- нет необходимости.
Ну совсем хорошо, если к первому либо второму вдогонку, стоит браузер Lunascape, тогда необходимость в тугих ‘ташниловках’ : Opera, Firefox, IE –совсем отпадает.


Автор: Zenitchik (не зарегистрирован), дата: 23 марта, 2012 - 17:20
#permalink

>Opera, Firefox, IE –совсем отпадает.
А как будешь искать специфическйи баг IE?

Кроме того, Хром, может и быстрее, но актуально ли это во время трассировки? А вот интерфейс у FireBug удобнее.


Автор: Игорь Б. (не зарегистрирован), дата: 11 апреля, 2012 - 12:19
#permalink

Честно говоря пробівал разные отладчики и в Chrome і в IE и собственно FireBag. Каждый имеет свои достоинства и недостатки. Дам пару замечаний по работе FireBag
Но сначала опишу среду на чем я их пробывал. Шеф увидел некую реализацию и сказал и я такое хочу. Ну естественно ты включаеш отладчик и начинаеш шуршать. Если скрипт чем-то обжат, то тебе приходиться работать с огромным куском неформатированого текста так вот.
1) Неудобный поиск необходимого кода. FireBag подсветит строчку, но там в этой строке столько всего. что нужное еще попробуй найти. IE выделил еужное цветом
2) Сам дебаг. FireBag ставит брейкпоинт на строке а не на выражении и это катастрофически неудобно. Тот же отладчик в IE ставит такой брейкпоинт на самом выражении
3) Работа с DOM мне показалась не очень удобной. Честно говоря он как-то фильтрует очень своеобразно хотя при этом в Chrome і в IE еще хуже. Правда тот же Chrome при клике на обработчик покажет точное расположение функции, а FireBag укажет только на строку


Автор: Zenitchik, дата: 3 апреля, 2015 - 14:52
#permalink

FireBug в последнее время стал глючный, как не знаю что. Поиск работает очень плохо, уверенно - только в пределах текущего файла, а в большом проекте (этак на полмегабайта кода) - как правило виснет.
Ещё норовит зависнуть при попытке поставить брейк-поинт.
Раньше любил этот отладчик, но последние полгода - как он начал глючить - предпочитаю пользоваться Chrome и IE - каждый из них не идеал, но друг друга дополняют.


Автор: new_guy, дата: 10 апреля, 2015 - 05:02
#permalink

У меня тоже не давно какая-то фигня началась. Перехожу на любой сайт, firebug открывается секунд на 5, потом закрывается.


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

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
2 + 12 =
Введите результат. Например, для 1+3, введите 4.
 
Текущий раздел
Поиск по сайту
Реклама
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Последние комментарии
Последние темы на форуме
Forum