Добро пожаловать в первую часть заметок о выпуске DevTools! С этого момента, когда вы впервые открываете новую версию Chrome, DevTools открывает раздел «Что нового» со ссылкой на заметки о выпуске для этой версии.
Основные моменты
- Панель «Временная шкала» переименована в панель «Производительность».
- Панель «Профили» переименована в панель «Память».
- Значения файлов cookie теперь можно редактировать.
- DevTools теперь автоматически приостанавливает работу перед ошибками нехватки памяти.
Новые возможности
Редактируемые файлы cookie
Дважды щелкните ячейку на вкладке «Файлы cookie» , чтобы изменить ее значение.
Спасибо kdzwinel за вклад!
Просматриваемые и редактируемые переменные CSS на панели «Стили»
Теперь вы можете проверять и редактировать переменные CSS на панели стилей. Посмотрите демонстрацию переменных CSS , чтобы попробовать ее самостоятельно.
Точки останова при нехватке памяти
Когда приложение выделяет много памяти за короткий промежуток времени, DevTools теперь автоматически останавливается и увеличивает предел кучи. Это позволяет вам проверять кучу, выполнять команды на консоли для освобождения памяти и продолжать отладку проблемы. См. One Small Step For Chrome, One Giant Heap For V8 для получения дополнительной информации.
Точки останова при создании холста
Теперь вы можете создавать контрольные точки прослушивания событий , которые срабатывают при создании нового контекста холста.
Статистика времени начала на вкладке «Хронометраж»
В верхней части вкладки «Время» теперь можно увидеть, когда запрос был поставлен в очередь и запущен.
Статистика сервера на вкладке «Время»
Теперь вы можете вставлять пользовательскую статистику сервера на вкладку «Время». Смотрите пример в разделе «Демо значений времени сервера» .
Спасибо sroussey за вклад!
Изменения
Панель «Временная шкала» теперь называется панелью «Производительность».
Панель «Хронология» была переименована в панель «Производительность», чтобы лучше отражать ее назначение.
Панель «Профили» теперь называется панелью «Память».
Панель «Профили» переименована в панель «Память», чтобы лучше отразить ее назначение.
Профилировщик ЦП находится за скрытой панелью
Теперь, когда панель Profiles называется панелью Memory, больше нет смысла иметь на ней профилировщик CPU. Более того, долгосрочная цель — заставить всех пользователей профилировать с панели Performance. В то же время вы по-прежнему можете получить доступ к старому профилировщику CPU из Settings > More Tools > JavaScript Profiler .
См. статью Chrome DevTools: Профилирование процессора JavaScript в Chrome 58, чтобы узнать, как профилировать процессор на панели «Производительность».
Новый интерфейс консоли
Панель и ящик консоли претерпели некоторые изменения пользовательского интерфейса. Некоторые непопулярные функции были перемещены в более скрытые места, а популярные функции теперь более легкодоступны.
- Нажмите «Настройки консоли».
для доступа к настройкам поведения консоли. - Сохранение журнала теперь скрыто в настройках консоли .
- Кнопка и панель «Фильтры» исчезли. Вместо этого используйте выпадающее меню.
- Текстовое поле для фильтрации журналов теперь отображается всегда. Ранее оно было скрыто на панели «Фильтры».
- Текстовое поле фильтрации автоматически принимает RegEx, поэтому флажок Regex исчез.
- Флажок «Скрыть нарушения» исчез. Установите раскрывающийся список уровня ведения журнала на «Подробный» , чтобы увидеть нарушения.
- Снятие флажка « Показать все сообщения» в старом пользовательском интерфейсе эквивалентно установке флажка «Только выбранный контекст » в настройках консоли в новом пользовательском интерфейсе.
Точки останова прослушивателя событий WebGL были перемещены
Точки останова прослушивателя событий WebGL перемещены из категории WebGL в категорию Canvas . Категория WebGL удалена.