Firefox: Firebug и элемент проверки

Я новичок в разработке веб-сайтов, и я продолжаю слышать предложения по использованию Firebug. Дело в том, что я не вижу никакого преимущества Firebug над функцией элемента проверки (я использую Firefox 24). Я что-то пропустил?

Я боюсь привыкнуть к одному инструменту, а затем залезть на пути к лучшему инструменту. Просьба сообщить о некоторых особенностях, которые превосходят в одном инструменте или другом.

Ответы

Ответ 1

Обновления через 2 года

Поскольку я больше использовал инструменты dev, я понял несколько вещей:

  • Firefox Dev-Tools, похоже, находится в разработке ад. Прошло уже два года с момента моего ответа, и практически нет заметного прогресса в функциях или простоте использования.

    • Медленные улучшения в панели "Сеть" и "Отладчик", но все же слишком много работы чтобы сделать его где угодно, как Chrome.
    • Отладчик по-прежнему беспорядок, при этом браузер сильно висит на контрольных точках.
    • Объекты JSON все еще отображаются в этой очень расстраивающей форме дерева, без возможности способ скопировать или развернуть строку JSON.
    • Функция временной шкалы смехотворна, если не сказать больше.

    Это такие основные требования, что я пришел к выводу, что Mozilla не заботится о Dev Tools даже немного.

  • Firebug потерян - он никуда не денется, и команда барахтается, чтобы создать новый Firebug 3 который строится поверх встроенных Dev-Tools. Теперь, поскольку Dev-Tools настолько сильно недоукомплектованы У меня нет надежды на то, что люди Firebug достигнут практически нужного удобства в течение как минимум года.

  • Это приводит меня в Chrome. После того, как вы посмотрели новейшую версию, кажется, что команда Chrome почти неприступное лидерство в области инструментов разработчика, и это правильно. Они поставили значительный сосредоточиться на разработчике и создать некоторые изящные вещи для упрощения тестирования и разработки для Веб-разработка.

Итак, в заключение, если вы хотите ответить на вопрос сегодня, я бы безоговорочно рекомендовал вам Хром. Это экономит ваше много:

  • кровь (от кипения),
  • пот (от кодирования) и
  • слезы (от отладки)

Спасибо.

Теперь, прочитайте, о чем подумал мой двухлетний сам:

Некоторые отличия:

++= веб-инспектор лучше
--= firebug лучше
=== не могу сказать

++ В веб-инспекторе существует 3D-режим, что очень хорошо, если вы возитесь с z-индексами или элемент-область элементов не идентифицируется должным образом.
 ++ Если на вкладке открыт Firebug, и переключитесь на другую вкладку и вернитесь, потребуется некоторое время для переключения. Эта проблема, по-видимому, отсутствует у инспектора.

Эта проблема возникла из-за ошибок в Firefox Javascript Debugger (JSD). Это была известная ошибка и исправлена, когда я пишу это... Установите версию 1.13.0alpha, которая исправляет эту ошибку. Более новые версии Firefox также исправят их JSD.

++ Удивительный Режим реагирующего дизайна для тестирования вашего сайта на разных разрешениях.

- В Firebug есть много аддонов, для XPath, Sass и т.д., что потрясающе для расширенного развития
 - (Субъективный) Я нахожу цветную тему веб-инспектора очень крутой, но когда дело доходит до ее использования, это очень сложно.

== То, как объекты выводятся как в firebug, так и в инспекторе, одинаково плох (здесь царит Хром)!   
Запишите в консоли: console.log(window), чтобы узнать, о чем я говорю. На самом деле, Firebug лучше даже здесь, чем инспектор.

Ответ 2

Я использую оба для разных зависимостей.

Чаще всего в моей роли:

  • Я обнаружил, что firebug намного проще просматривать вызовы JavaScript при загрузке страницы.
  • Кроме того, плагин omnibug (для Firebug) очень удобен для просмотра vmn и v cookie omniture.

В то время как при проверке элемента в хром преимущество, которое я нахожу очень удобным, когда устранение неполадок - это возможность редактировать стили.

Я уверен, что это не повлияет на ваше решение, но я думаю, держись и открывай, что у каждого есть свои преимущества. Это вопрос того, что вам нужно для них.

Я лично не вижу, как я приспосабливаюсь к одному.

Ответ 3

Это действительно сводится к предпочтению, так как между ними есть компромиссы. Мне действительно нравится "Редактор стилей" во встроенном элементе Inspect Element, который позволяет создавать таблицы стилей и видеть эффекты в режиме реального времени.