Какие уникальные функции имеют Firefox DevTools, которых нет у Chrome DevTools, и наоборот?
теперь Firebug исчезает пользователи Firefox являются попросил переключиться на инструменты разработчика Firefox.
поэтому мне интересно, какие функции имеют Firefox DevTools, которые не предлагаются Chrome DevTools?
можете ли вы дать мне объективный ответ на этот вопрос?
2 ответов
с docs:
DOM Property Viewer Проверьте свойства DOM страницы, функции и т. д. (Вы заметите, что свойства объекта обычно не перечислены в консоли в Chrome, вы никогда не узнаете это тело.innerHTML существовал, глядя на "документ".тело " в консоли.)
Панель Инструментов Разработчика Интерфейс командной строки для инструментов разработчика.
Редактор Шейдеров Просмотр и редактирование шейдеры вершин и фрагментов, используемые WebGL.
Веб-Аудио Редактор Изучите график звуковых узлов в звуковом контексте и измените их параметры.
скриншоты Сделайте скриншот всей страницы или одного элемента.
дополнительные инструменты на панели параметров:
измерьте часть страница
Блокнот
на панели "сеть"отображается трассировка стека причины каждого сетевого запроса, в Chrome вам нужно пройти через Журнал сетевых запросов консоли и найти его и развернуть. Кроме того, вы можете увидеть фактический предварительный просмотр (на вкладке предварительный просмотр) ответа xhr, если он будет возвращен html.
и, возможно, самый полезный, инспектор показывает (ev) рядом с каждым элементом с прослушивателем событий на нем, с прямой список всего, что добавляет прослушиватель событий к нему. (лучше, чем вкладка событий Chrome справа.)
Firefox DevTools
насколько я вижу, инструменты разработчика Firefox (начиная с Firefox 54.0.1) имеют много нишевых функций над инструментами разработчика Chrome (начиная с Chrome 59.0), т. е. очень специфические инструменты, которые предположительно используются довольно небольшой группой людей. Помимо этих специальных инструментов, Инструменты разработчика Firefox также имеют несколько основных функций инструменты разработчика Chrome отсутствуют.
различные функции:
- холст Редактор
- Веб-Аудио Редактор
- Редактор Шейдеров
- панель инструментов разработчика (GCLI) (будут удалены)
- Блокнот
- инспектор DOM
- правители страницы
- инструменты скриншот
- Инспектора Шрифта
- Решетки Инспектор
- измерить части страницы
- тема Firebug (есть удалено в Firefox 61)
- переключение между iframes
- инструменты для отладки интерфейса браузера
- информация о безопасности для отдельных сетевых запросов
- сравнение сетевого кэширования
Chrome DevTools
у Chrome DevTools (начиная с Chrome 59.0) есть больше возможностей в отношении стандартных инструментов, и они предоставляют другие инструменты ниши.
эти функции включают в себя:
- точки останова DOM и XHR
- панель прослушивателей событий
- свойства панель
- Инспектором Безопасности
- аудит
- сенсорный моделирование и плотность пикселей в эмуляции устройства
- живое редактирование в панели источников
- рабочие
- блокировка сетевых запросов
- расширенный инструмент памяти
- Manifest, service worker & Application Cache inspector
- прокрутка проблем производительности маркер
- кадров в секунду метр
- в CSS эмуляция
- глобальный поиск файла
- анализатор покрытия кода
- геолокация, ориентация и эмуляция касания
- локальное переопределение стилей CSS
кроме того, они отличаются многими меньшими функциями и настройками.