Привет, меня зовут Кейс , я технический писатель DevTools. Я здесь, чтобы рассказать вам о последних событиях в сфере DevTools.
Панель «Ресурсы» теперь называется панелью «Приложения».
Начиная с Chrome 52, панели «Ресурсы» больше нет! Она была переименована в панель «Приложение». Все старые функции панели «Ресурсы» по-прежнему доступны, а также множество новых функций, которые помогут вам отлаживать прогрессивные веб-приложения. Теперь вы тоже можете испытать радость отладки жизненного цикла service worker и проблем с синхронизацией кэша.
Ознакомьтесь с нашим новым руководством, написанным вами, чтобы узнать больше о новых функциях: Отладка прогрессивных веб-приложений
ChromeLens
ChromeLens — это превосходное новое расширение, которое поможет вам сделать ваш веб-сайт более доступным для людей с нарушениями зрения.
P.S. Роб Додсон только что запустил новую серию видеороликов о доступности, a11ycasts .
Новые функции теперь в Canary
В настоящее время Canary — это Chrome 54. Так что для будущих читателей: если вы используете Chrome 54 или более позднюю версию, вы можете использовать эти функции!
Палитра цветов находится на панели «Источники».
Щелкните правой кнопкой мыши панель «Ресурсы» на панели «Сеть», и вы сможете скопировать строку запросов cURL для загрузки всех ваших ресурсов.
JavaScript можно отключить из меню команд. Раньше это было доступно только из настроек.
console.warn() теперь включает трассировку стека.
Эта последняя функция существует уже несколько месяцев, но ее стоит упомянуть еще раз. Создайте запись на временной шкале с включенной опцией JS Profile, и вы увидите разбивку времени выполнения по функциям на панели Sources.
Новые идеи от сообщества
Вот несколько новых идей от сообщества, которые могут появиться на будущих конференциях DevTools Near You.
- @matthewcp : Ускорьте отладку утечек памяти, отобразив простой список растущих объектов.
- @jonathanbingram : Увеличивайте/уменьшайте значения
font-weightс помощью сочетаний клавиш увеличения/уменьшения. - @_bl4de : Отредактируйте куки (на самом деле это давняя просьба, но спасибо, что подняли ее снова). Ходят слухи, что у @kdzwinel есть PR в разработке.
- @kienzle_s : Добавьте фильтры ИЛИ в фильтр панели «Сеть».
Есть новая идея? Мы будем рады ее услышать. Напишите нам в Twitter @ChromeDevTools и расскажите, что у вас получилось.
Пока я привлек ваше внимание, если есть какие-либо документы, которые требуют исправления, или функции, которые требуют объяснения, не стесняйтесь открывать проблему в репозитории документов .
До следующего месяца!