Ответ 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, который позволяет создавать таблицы стилей и видеть эффекты в режиме реального времени.