Привет, я Кейси , технический писатель DevTools, здесь, чтобы рассказать вам о последних событиях в мире DevTools.
Панель «Ресурсы» теперь является панелью «Приложение».
Начиная с Chrome 52, панели «Ресурсы» больше нет! Она была переименована в панель приложений. Все старые функции панели «Ресурсы» по-прежнему доступны, а также множество новых, которые помогут вам отлаживать прогрессивные веб-приложения. Теперь вы тоже можете испытать радость от отладки проблем жизненного цикла сервис-воркера и синхронизации кэша.
Ознакомьтесь с нашим новым руководством, написанным искренне вами, чтобы узнать больше о новых функциях: Отладка прогрессивных веб-приложений.
ChromeLens

ChromeLens — отличное новое расширение, которое поможет вам сделать ваш веб-сайт более доступным для людей с ослабленным зрением.
PS Роб Додсон только что запустил новую серию видеороликов о доступности a11ycasts .
Новые функции теперь и на Canary
Canary в настоящее время представляет собой Chrome 54. Итак, будущие читатели: если вы используете Chrome 54 или более позднюю версию, вы можете использовать эти функции!
Палитра цветов находится на панели «Источники».

Щелкните правой кнопкой мыши панель «Ресурсы» на панели «Сеть», и вы сможете скопировать строку запросов cURL, чтобы загрузить все ваши ресурсы.

JavaScript можно отключить из командного меню. Раньше это было доступно только в настройках.

console.warn()
теперь включает трассировку стека.

Последняя функция существует уже несколько месяцев, но о ней стоит упомянуть еще раз. Создайте запись временной шкалы с включенной опцией «Профиль JS», и вы сможете увидеть разбивку времени выполнения по функциям на панели «Источники».

Новые идеи от сообщества
Вот несколько новых идей сообщества, которые могут появиться в будущих DevTools Near You.
- @matthewcp : Ускорьте отладку утечек памяти, отображая простой список растущих объектов.
- @jonathanbingram : Увеличьте/уменьшите значения
font-weight
с помощью сочетаний клавиш увеличения/уменьшения. - @_bl4de : Отредактируйте файлы cookie (на самом деле это давняя просьба, но спасибо, что подняли ее снова). Ходят слухи, что @kdzwinel работает над пиаром.
- @kienzle_s : добавьте фильтры ИЛИ к фильтру панели «Сеть».
Есть новая идея? Нам бы хотелось это услышать. Напишите нам в Твиттере @ChromeDevTools и расскажите, что случилось.
Пока я привлек ваше внимание, если есть какие-либо документы, требующие исправления, или функции, требующие объяснения, смело открывайте проблему в репозитории документации .
До следующего месяца!