Дайджест DevTools, август 2016 г.

Привет, я Кейси , технический писатель DevTools, здесь, чтобы рассказать вам о последних событиях в мире DevTools.

Панель «Ресурсы» теперь является панелью «Приложение».

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

Ознакомьтесь с нашим новым руководством, написанным искренне вами, чтобы узнать больше о новых функциях: Отладка прогрессивных веб-приложений.

ChromeLens

Хромированная линза.

ChromeLens — отличное новое расширение, которое поможет вам сделать ваш веб-сайт более доступным для людей с ослабленным зрением.

PS Роб Додсон только что запустил новую серию видеороликов о доступности a11ycasts .

Новые функции теперь и на Canary

Canary в настоящее время представляет собой Chrome 54. Итак, будущие читатели: если вы используете Chrome 54 или более позднюю версию, вы можете использовать эти функции!

Палитра цветов находится на панели «Источники».

Выбор цвета панели «Источники».

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

Скопируйте все как curl.

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

Отключите JavaScript.

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

Трассировка стека console.warn().

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

Время выполнения функции в панели источников.

Новые идеи от сообщества

Вот несколько новых идей сообщества, которые могут появиться в будущих DevTools Near You.

  • @matthewcp : Ускорьте отладку утечек памяти, отображая простой список растущих объектов.
  • @jonathanbingram : Увеличьте/уменьшите значения font-weight с помощью сочетаний клавиш увеличения/уменьшения.
  • @_bl4de : Отредактируйте файлы cookie (на самом деле это давняя просьба, но спасибо, что подняли ее снова). Ходят слухи, что @kdzwinel работает над пиаром.
  • @kienzle_s : добавьте фильтры ИЛИ к фильтру панели «Сеть».

Есть новая идея? Нам бы хотелось это услышать. Напишите нам в Твиттере @ChromeDevTools и расскажите, что случилось.

Пока я привлек ваше внимание, если есть какие-либо документы, требующие исправления, или функции, требующие объяснения, смело открывайте проблему в репозитории документации .

До следующего месяца!