Какие особенности у меня есть Firebug, что инструменты разработчика Chrome нет? [закрыто
https://stackoverflow.com/questions/3124974
-
30-09-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Я начинающий веб-разработчик, и у меня был Firebug рекомендуется для отладки несколько раз. Пока что, однако, я только что использовал встроенные инструменты разработчика Chrome. Похоже, что делает все, что делает Firebug, и является чище и более организован как бонус.
Когда я становлюсь более продвинутым в моей отладке, есть ли функции, которые Firebug у меня будет пропущено с Devtools Chrome? Если так, то кто они?
Связанный: Firebug-подобный отладчик для Google Chrome
Решение
Я использовал Firebug с самого начала, и это был боготворение, как изобретение огня. Но тогда Chrome вышел с отладчиком, и я попробовал это. Я продолжал использовать Firebug, но держил внимание на инструментах DEV Chome и, наконец, не мог придумать причину, чтобы не переключаться после добавления инструментов JSON в V12.
Chrome's Devtools Kick Butt, потому что он имеет:
- Встроенный анализатор сроки, профилировщика и кучи
- Встроенный инструмент аудита
- Может доступ и редактировать локальную / сеанс Sessstorage, Cookies, SQLLITE DB, WebSQL, AppCache etc ...
- Websockets Network нюхает
- JS Debugger имеет еще несколько функций (например, точек останова WebWorker)
- JS Отладчик давайте редактируем js на лету и запустить его (jsfiddle w / o скрипка)
- Каждое окно получает окно devtools, если хотите; Firebug - синглтон
- Firebug Perturbs страница, замедляя его загрузку, и путем инъекции CSS для его функции инспектора
Обновление: 2 года спустя я должен поздравить команду Firefox для того, чтобы сделать огромные вторжения. Тем не менее, команда Chrome и отладчик зарабатывают огромные прыжки на ежемесячной основе, ведущей в отрасль. Я бы обновил вышеуказанный список, но, честно говоря, это заполнит всю страницу.
Другие советы
Я не столкнулся с функцией Firebug, которую я пропустил после перехода на Chrome.
Я чувствую себя намного удобнее, используя Firebug. Я не могу думать о специфике на данный момент, но иногда я попробую отладить что-то в Safari или Chrome, и кажется, что такая лавата, которую я запускаю Firefox и получить все, что сделано быстро.
Вкладка DOM - это плюс, для одного. Это более доступно и хорошо выложено, чем эквивалент Chrome. Я предпочитаю, как DOM и другие объекты JS тоже вошли в консоль в Firebug.
Плагин Firebug, как Pixel идеально, очень полезны. Я не знаю, существует ли такой инструмент для хрома.
В целом, не имеет значения, потому что вы должны проверить в обоих браузерах, в любом случае. И т. Е. Также может сравниться с инструментами DEV IE (которые улучшились, но все же не добруются по сравнению с FF или Webkits).
Я не думаю, что есть что-то продвинутое в частности, присутствующее в Firebug, но не в Chrome, который вы будете отсутствовать.
Инструменты разработчика Chrome взяли на себя функции Firebug, поэтому все основные функции и знакомства есть там (например, $0, а также console объект).
Есть несколько небольших различий, такие как Devtools, не имеют CSS. панель (хотя стили CSS могут быть манипулированы в Элементы панель).
Инструменты Chrome дополнительно имеют Лента новостей, Профили а также Место хранения Панели. То Лента новостей Панельные журналы Загрузка, рендеринг CSS и анализа JavaScript. То Профиль Панель профилей использования ресурсов и Место хранения Панель показывает и позволяет изменения в базе данных сайта, локального хранения, хранения сеансов и файлов cookie.
Наконец, оба инструмента имеют свои собственные незначительные отклонения, которые делают различные действия, крошечные немного легче или сложнее. Мой совет - использовать Firebug для Firefox и devtools для браузеров WebKit, поскольку только зарабатывает только Firebug Lite, и ему не хватает многих функций, который имеет обычный Firebug (и Devtools встроен в Chrome).
РЕДАКТИРОВАТЬ: Это было правдой, но инструменты Chrome DEV реализовали его.
Firebug может искать во всех сценариях, загруженных на страницу. Инструменты Chrome Dev могут искать только в выбранном в данный момент скрипте, афаик.
Насколько я могу сказать, Firebug является единственным, который может редактировать HTML-код и текст в прямом эфире, когда вы вводите его. Очень полезно, если вы, например, пытаетесь увидеть, как текст вписывается в контейнер и добавляет один символ за раз.
В Chrome при редактировании HTML вы должны нажать вкладку или ввести, чтобы выйти из «Редактировать режим» и увидеть изменения на своей странице.
В Firebug вы также можете войти в HTML-код прямо сейчас. В Chrome вы должны щелкнуть правой кнопкой мыши и выбрать «Редактировать HTML». В противном случае он будет отображаться, как u003Cb>смелыйu003C/b> .
Я действительно хочу перейти в Chrome, так как кажется, работает быстрее, но живое редактирование слишком важно для меня.
Выбор мыши Firebug имеет отличное, но я не могу найти его в инструментах разработчика Chrome.
Он беспокоит меня, потому что я не могу найти горячую ключ для него в Firebug, тогда как Chrome полностью не хватает.
Я разработчик нуба, поэтому мышь все еще используется большую часть времени при разработке.
В то время, когда этот вопрос был задан, Firebug был зверя, но теперь инструменты разработчика Chrome (Devtools) удобны для веб-разработчиков. Хотя я не размышляю о Firebug, потому что я узнал веб-разработку, используя Firefox с Firebug.
Это был отличный инструмент для разработки веб-разработки, и он ввел все основные особенности Devtools и Devtools Firefox. Тем не менее, я переключился на Chrome devtools, хотя они не охватывают все особенности Firebug, потому что они легко взвешены и гораздо быстрее, чем Firebug, доступ к локальному языку легко определяется, а источники организованы на мой взгляд.
Здесь я собираюсь перечислять, как функции уникальны в Firebug,
Поиск:
Опция поиска четко определена в Firebug, потому что его легко доступно, и мы можем найти ключевое слово с деликатный случай а также регулярное выражение.
Дом:
Структура DOM может быть легко доступна в Firebug с различными Опции фильтрации подобно Показать пользовательские свойства, Показать пользовательские функции и так далее.
Печенье:
Firebug позволяет нам создавать наши Собственное печенье и дает положение Экспортировать куки.
Сеть / NET:
Firebug имеет А. Сеть панель wheras devtools называть это Сеть. Отказ Оба полезны для анализа всех запросов, сделанных для загрузки ресурсов и их состояние. В Firebug мы можем легко понять ресурсы » Удаленный IP..
Источники:
Хотя то Источник редактировать Доступен в Devtools, я чувствую, что Firebug лучше, используя Источник редактировать, Потому что, если вы хотите редактировать файл CSS в devtools, вы должны перейти к Источники панель, затем нажмите Ctrl+О найти файл. Только тогда вы можете редактировать файл. В Firebug вы можете легко найти Источник редактировать под каждым вкладкой меню.
Поддержка додзё:
Однажды я был разработчиком Dojo Firebug был Легко распространяется на поддержку до Dojo Development Используя Dojo Firebug расширение.
Объективно видно Firebug 2.0 имеет много небольших особенностей, которые не имеют. Некоторые из них здесь перечислены:
- Отображает XMLHTTPRECESTS, включая цельную информацию запроса
- Отображает изменения cookie
- Еще немного API командной строки функции
- Отдельный Редактор команд
- Встроенный редактирование с Авто-завершение для привязки и стилей CSS
- Варианты контроля, чтобы выделить изменения, расширить их и прокрутить их в поле зрения
- Варианты для управления объектом
- Быстрая информация
- Отображает листы стилей страницы в формате
- Селекторы боковая панель
- Отображает все свойства Dom в одном месте
- Дисплей замыкание
- Позволяет фильтровать дисплей по свойствам, функциям и т. Д.
- Позволяет остановиться на XMLHTTPREQUESS
- Показывает информацию кэширования на запрос
- Создание и редактирование файлов cookie
- Контроль над разрешениями cookie
- Показывает сырой и отформатированный размер печенья
- Позволяет остановить выполнение скрипта на изменение cookie
- Экспортировать куки в стандартном формате
Общий
- Откройте HTML, CSS и JavaScript во внешнем редакторе
- Позволяет настроить ярлыки
«Особенность», которая выходит за рамки удобства использования, состоит в том, что Firebug Открытый исходный код. Отказ Так что каждый может участвовать в этом.
Сказав это, что Chrome devtools (а также Firefox devtools) имеет еще много функций и других меньших и больших преимуществ над Firebug, поскольку команда за Firebug очень маленькая по сравнению с командами позади других Devtools.
Также, Firebug 3+ интегрируется в встроенный Firefox Devtools, что означает, что эти версии наследуют все особенности Firefox devtools и могут добавлять дополнительные функции.
Firebug имеет возможность иметь к нему другой плагин, такой как Firecookie. Отказ Для остальных они довольно похожи, это все о вкусе на мой взгляд.
Также добавьте, что он может XOPY XPAPT добавить CSS Selector для HTML-элемента.
Это действительно удобно иногда! :))) хахаха
Я думаю, что инструменты разработки аналогичны, но у меня были проблемы с заставляем Chrome не кэшировать. Даже настройки настройки хрома «отключить кеш» не работали в 100% времени; Я не уверен, почему.
У меня не было этой проблемы с Firefox / Firebug, поэтому я все еще использую его.
Добавление моих немногих центов ...
Chrome Inspector не может отсортировать свойства CSS в алфавитном порядке, где, когда Firebug может сделать это как очарование. Это помогает, когда вы проверяете какой-то элемент CSS и надо захватить его Firebug приготов к этому.
Согласно хорошей практике кодирования CSS, ее всегда лучше, чтобы ваши свойства CSS отсортированы в алфавитном порядке в вашем коде.
Когда вы работаете над проектом, связанным с большим количеством сценариев. Вследуйте Firebug под сценарием, у вас есть возможность поиска файла JS в приведенном в поле «Подтверждение». Где, как с Chrome, у вас будет представление Drea Helme, чтобы найти файл JS, который утомительно, чтобы увидеть намененное пространство вашего файла JS и перемещать дерево.
Этот вариант не может повлиять на все, кто включает в себя маленькие файлы JS в своем проекте. Эта функция - это удар с Firebug, который я использую, когда мои сценарии более 1000 файлов JS.
Почти сделал коммутатор сегодня, но я заметил, что не могу щелкнуть правой кнопкой мыши на модифицированных CSS в Chrome и скопировать объявления правила или стиля, как я могу в Firebug. Боже, я хочу, чтобы Firefox внезапно не начал сосать, или у меня не было бы этой проблемы.
С помощью отладчика Chrome я могу отладить JSNI моего проекта GWT, где Firebug просто показывает анонимную функцию, и я на самом деле не очень узнающую функцию реальной функции.
Я люблю Chrome Dev Tool, но когда-нибудь я пропустил эту мощную функцию из Firebug.
- Условная точка останова : пауза только в определенном состоянии.
- Вызывы функции регистрации : Отметьте функцию и посмотрите все, что вы хотите знать в консоли.
- Перерыв на изменение недвижимости : Отметьте объекты и отладчик, сделают паузу, если свойство изменяется.
Функция «Редактировать и повторно» запрос
С помощью функции «Edit and Transend» в инструментах разработчиков Firefox (воспроизводится XHR или что-то в Firebug), вы можете воспроизводить запрос XHR с изменениями в запросе, включая заголовки запроса, тело для запроса, HTTP-метод и даже URL. Replay XHR Google Chrome просто повторяет запрос и не позволяет никаких модификаций к запросу.
Я использую Firefox devtools, когда мне нужна эта функция.
