Добро пожаловать в первую часть примечаний к выпуску DevTools! С этого момента, когда вы впервые открываете новую версию Chrome, DevTools открывает раздел «Что нового» со ссылкой на примечания к выпуску для этой версии.
Основные моменты
- Панель «Таймлайн» была переименована в панель «Производительность».
- Панель «Профили» переименована в панель «Память».
- Значения файлов cookie теперь доступны для редактирования.
- DevTools теперь автоматически приостанавливается перед ошибками нехватки памяти.
Новые возможности
Редактируемые файлы cookie
Дважды щелкните ячейку на вкладке «Файлы cookie» , чтобы изменить это значение.
Спасибо kdzwinel за вклад!
Проверяемые и редактируемые переменные CSS на панели «Стили».
Теперь вы можете проверять и редактировать переменные CSS на панели «Стили». Посмотрите демонстрацию CSS-переменных , чтобы попробовать это самостоятельно.
Точки останова из-за нехватки памяти
Когда приложение выделяет много памяти за короткий промежуток времени, DevTools теперь автоматически приостанавливает работу и увеличивает предел кучи. Это позволяет вам проверить кучу, выполнить команды на консоли, чтобы освободить память, и продолжить отладку проблемы. Дополнительную информацию см. в разделе «Один маленький шаг для Chrome, одна гигантская куча для V8» .
Точки останова при создании холста
Теперь вы можете создавать точки останова прослушивателя событий , которые срабатывают всякий раз, когда создается новый контекст холста.
Статистика времени начала на вкладке «Время»
В верхней части вкладки «Время» теперь можно увидеть, когда запрос был поставлен в очередь и запущен.
Статистика сервера на вкладке «Тайминг»
Теперь вы можете вставлять пользовательскую статистику сервера на вкладку «Время». Пример см. в разделе «Демонстрация значений времени сервера ».
Спасибо Срусси за вклад!
Изменения
Панель «Таймлайн» теперь называется панелью «Производительность».
Панель «Таймлайн» была переименована в панель «Производительность», чтобы лучше отражать ее назначение.
Панель «Профили» теперь называется панелью «Память».
Панель «Профили» была переименована в панель «Память», чтобы лучше отражать ее назначение.
Профилировщик ЦП находится за скрытой панелью.
Теперь, когда панель «Профили» называется панелью «Память», на самом деле нет смысла размещать на этой панели профилировщик ЦП. Кроме того, долгосрочная цель — обеспечить возможность профилирования всех пользователей с панели «Производительность». Тем временем вы по-прежнему можете получить доступ к старому профилировщику ЦП, выбрав «Настройки» > «Дополнительные инструменты» > «Профилировщик JavaScript ».
См. Инструменты разработчика Chrome: профилирование ЦП JavaScript в Chrome 58, чтобы узнать, как профилировать ЦП на панели «Производительность».
Новый интерфейс консоли
Панель и ящик консоли претерпели некоторые изменения пользовательского интерфейса. Некоторые непопулярные функции были перенесены в более скрытые места, а популярные функции теперь стали более доступны.
- Нажмите «Настройки консоли».
для доступа к настройкам настройки поведения Консоли. - Журнал сохранения теперь скрыт в настройках консоли .
- Кнопка и панель «Фильтры» исчезли. Вместо этого используйте раскрывающееся меню.
- Текстовое поле для фильтрации журналов теперь отображается всегда. Ранее он был скрыт на панели «Фильтры».
- Текстовое поле фильтрации автоматически принимает RegEx, поэтому флажок RegEx исчез.
- Флажок «Скрыть нарушения» исчез. Установите раскрывающийся список уровня ведения журнала на «Подробный» , чтобы увидеть нарушения.
- Снятие флажка «Показать все сообщения» в старом пользовательском интерфейсе эквивалентно установке флажка «Только выбранный контекст» в настройках консоли в новом пользовательском интерфейсе.
Точки останова прослушивателя событий WebGL перемещены
Точки останова прослушивателя событий WebGL перемещены из категории WebGL в категорию Canvas . Категория WebGL удалена.