Я - веб-разработчик новичка, и мне рекомендовали Firebug для отладки несколько раз. До сих пор, однако, я просто использовал встроенные Инструменты Разработчика Chrome. Это, кажется, делает все, что Firebug делает, и является более чистым и более организован в качестве награды.
Поскольку я становлюсь более усовершенствованным в своей отладке, есть ли функции, что Firebug имеет это, я пропущу с DevTools Chrome? Если так, каковы они?
Похожие страницы: Подобный Поджигателю отладчик для Google Chrome
Я чувствую себя намного комфортнее, используя Firebug. Сейчас я не могу вспомнить конкретные примеры, но иногда я пытаюсь отладить что-то в Safari или Chrome, и это кажется такой морокой, что я запускаю Firefox и делаю все быстро.
Вкладка DOM - это плюс, во-первых. Она более доступна и хорошо оформлена, чем аналогичная в Chrome. Мне больше нравится, как DOM и другие JS-объекты записываются в консоль в Firebug.
Плагины для Firebug, такие как Pixel Perfect, также очень полезны. Я не знаю, существует ли подобный инструмент для Chrome.
В целом, это не имеет значения, потому что вам все равно придется тестировать в обоих браузерах. И в IE, так что можно сравнить с Dev tools IE (которые улучшились, но все еще не очень хороши по сравнению с FF или Webkit).
Я не думаю, что в Firebug, но не в Chrome, есть что-то особенно продвинутое, чего вам будет не хватать.
Firebug может подключить к нему другой плагин, например Firecookie . В остальном они очень похожи, на мой взгляд, все дело в вкусе.
Инструменты разработчика Chrome переняли функции Firebug, поэтому здесь присутствуют все основные функции и знакомые им функции (такие как объект $ 0
и консоль
).
Есть некоторые небольшие отличия, например, в DevTools нет панели CSS (хотя таблицами стилей CSS можно управлять на панели Elements ).
Инструменты Chrome дополнительно имеют панели Временная шкала , Профили и Хранилище . Панель Временная шкала регистрирует загрузку, рендеринг CSS и синтаксический анализ JavaScript. Панель профиля профилирует использование ресурсов, а панель Хранилище показывает и позволяет вносить изменения в базу данных сайта, локальное хранилище, хранилище сеансов и файлы cookie.
Наконец, у обоих инструментов есть свои небольшие отличия, которые делают различные действия немного проще или сложнее. Я советую использовать Firebug для Firefox и DevTools для браузеров Webkit, поскольку в Chrome работает только Firebug Lite, и ему не хватает многих функций, которые есть у обычного Firebug (а DevTools встроены в Chrome).
Я еще не сталкивался с функцией Firebug, которой мне не хватало после перехода на Chrome.