Инструменты разработчика Chrome прошли долгий путь за последний год. Потребовалось немного, чтобы приспособиться, и я все еще находился в замешательстве, поэтому я разработал тестовую страницу на своем ящике и установил их рядом, включил поджиг на левом мониторе и инструменты для разработки на правом.
Я прошел и выяснил, насколько они разные. Чуть позже я понял, что в Chrome те же вещи, что и в Firebug, только немного по-другому. Оказывается, мне больше нравятся инструменты Dev, чем firebug после того, как я к этому привык.
Раньше у меня было много жалоб на раздел элементов Dev инструментов, но теперь он работает почти так же, как firebug. Я могу быстро щелкнуть, чтобы проверить элементы, и он правильно расширяет узлы, перенося меня на нужный мне узел.
Вкладка ресурсов в инструментах разработчика уносит вкладку сети в клоп-огнеупе из воды. Я думаю, что это лучше организовано. Вы получаете предварительный просмотр изображений в списке ресурсов и фактически видите, какие элементы прозрачны, потому что Chrome размещает шахматную доску за изображением (вы получаете предварительный просмотр изображения в firebug, но только при наведении курсора на узел запроса, что-то вроде раздражает).
Кроме того, вы можете дважды щелкнуть ресурсы, и Chrome отобразит их на новой вкладке, ОЧЕНЬ хорошо, когда я отлаживаю вызовы AJAX, и мне нужно увидеть отформатированную ошибку исключения в браузере, не вводя вручную мои URL-адреса ajax.
Номера строк. Найти номера строк в Firebug очень сложно, и вы не можете сделать это для некоторого контента. Каждый раз, когда вы просматриваете DOM, CSS, скрипт и т. Д., Вы всегда получаете исчерпывающее правило номера строки слева. Единственное место, где есть Firebug, это в разделе скриптов.
У инструментов firebug и dev есть полный отладчик javascript. Однако возможность деактивировать точки останова, не удаляя их в инструментах разработки, очень полезна, и я использую ее постоянно. Вы можете сделать это в firebug, но вы должны снять флажок для КАЖДОЙ точки останова, раздражая.
Мне нравится, что JSONObjects просто отображаются как ресурсы вместе со всем остальным, вместо того, чтобы иметь свой собственный раздел. Это позволяет легко увидеть, что происходит с первого взгляда.
Насколько я могу судить, все остальное кажется таким же. Я действительно не мог найти ничего, что firebug делал лучше, чем dev tools. Обычно, когда я думал, что в средствах разработки нет функции firebug, оказалось, что она просто в другом месте или реализована по-другому. Оба имеют всеобъемлющий дисплей консоли. Оба поддерживают выталкивание инструмента в отдельное окно. Оба поддерживают несколько экземпляров для нескольких вкладок. У Chrome даже есть дополнительные функции. Возможность проверять хранилище, такое как кэш, куки и т. Д. Инструменты разработчика, кажется, выигрывают для меня.
Я настоятельно рекомендую ознакомиться с инструментами разработки, а не с использованием расширений, если вам нужен отличный отладчик Chrome.
Извините, мой ответ был таким длинным. Иногда я могу написать блог, проводя более полное сравнение.