Мощная удаленная отладка, классные шутки и собственное ночное шоу?

Узнайте все об обновленном пользовательском интерфейсе Inspect Devices , легко переключайте классы на панели стилей, которая теперь исправлена, и посмотрите пилотную версию DevTools Tonight.

Добро пожаловать в последний выпуск дайджеста для всех пользователей Canary! Оказывается, я пропустил несколько обновлений в декабре. (Я был немного озабочен своей новорожденной дочерью.) И вот они пришли, с несколькими очень свежими.

Новое диалоговое окно «Проверка устройств».

(В настоящее время устаревшая) документация по удаленной отладке для DevTools была нашим самым популярным руководством в течение многих лет подряд, что могло означать только одно: никто не имел ни малейшего понятия, как ее использовать!

Поэтому мы пошли дальше и обновили UX. Вместо того, чтобы открывать совершенно другую страницу («chrome://inspect»), все «Проверки устройств» теперь удобно встроены в сам DevTools для быстрого доступа и меньшего количества переключений контекста.

Переключение классов на панели стилей

cls переключается на панели стилей

Теперь стало проще, чем когда-либо, быстро переключать класс элемента, чтобы предварительно просмотреть, как он будет выглядеть со связанными стилями или без них. А еще мы добавили вход для быстрого добавления новых классов, чтобы вам не приходилось редактировать атрибут. Нажмите новую кнопку .cls на панели «Стиль», чтобы опробовать ее.

Инструменты разработчика сегодня вечером

С большим удовольствием могу объявить об еще одном способе быть в курсе того, что происходит в мире Chrome DevTools: я представляю вам пилотную версию DevTools Tonight:

В новом шоу, которое будет выходить раз в две недели, я сосредоточусь на более крупных функциях, которые появятся в стабильной версии Chrome (вместо Canary), и расскажу о каждой из них немного подробнее. Обязательно подпишитесь на канал разработчиков Chrome, чтобы получать уведомления о выходе #1, и дайте мне знать, что вы думаете, в комментариях на YouTube!

Лучшее из остальных


Как всегда, дайте нам знать, что вы думаете, через Twitter или комментарии ниже, а также сообщайте об ошибках на crbug.com/new .

До следующего месяца!
Пол Бакаус и команда DevTools