Узнайте все об обновленном пользовательском интерфейсе Inspect Devices , легко переключайте классы на панели стилей, которая теперь исправлена, и посмотрите пилотную версию DevTools Tonight.
Добро пожаловать в последний выпуск дайджеста для всех пользователей Canary! Оказывается, я пропустил несколько обновлений в декабре. (Я был немного озабочен своей новорожденной дочерью.) И вот они пришли, с несколькими очень свежими.
Новое диалоговое окно «Проверка устройств».
(В настоящее время устаревшая) документация по удаленной отладке для DevTools была нашим самым популярным руководством в течение многих лет подряд, что могло означать только одно: никто не имел ни малейшего понятия, как ее использовать!
Поэтому мы пошли дальше и обновили UX. Вместо того, чтобы открывать совершенно другую страницу («chrome://inspect»), все «Проверки устройств» теперь удобно встроены в сам DevTools для быстрого доступа и меньшего количества переключений контекста.
Переключение классов на панели стилей
Теперь стало проще, чем когда-либо, быстро переключать класс элемента, чтобы предварительно просмотреть, как он будет выглядеть со связанными стилями или без них. А еще мы добавили вход для быстрого добавления новых классов, чтобы вам не приходилось редактировать атрибут. Нажмите новую кнопку .cls на панели «Стиль», чтобы опробовать ее.
Инструменты разработчика сегодня вечером
С большим удовольствием могу объявить об еще одном способе быть в курсе того, что происходит в мире Chrome DevTools: я представляю вам пилотную версию DevTools Tonight:
В новом шоу, которое будет выходить раз в две недели, я сосредоточусь на более крупных функциях, которые появятся в стабильной версии Chrome (вместо Canary), и расскажу о каждой из них немного подробнее. Обязательно подпишитесь на канал разработчиков Chrome, чтобы получать уведомления о выходе #1, и дайте мне знать, что вы думаете, в комментариях на YouTube!
Лучшее из остальных
- Мы добавили настройку автоматического открытия DevTools для всплывающих окон (вновь созданных окон). Если этот параметр включен, новый экземпляр DevTools открывается автоматически вместе с любым вновь созданным окном.
- Панель действий в верхней части панели «Стиль» теперь зафиксирована на месте , поэтому вы всегда можете получить к ней доступ, даже если прокрутите вниз, чтобы отредактировать другие стили.
- Теперь мы автоматически масштабируем временную шкалу до того, что, по нашему мнению, действительно актуально для вашего сеанса отладки производительности.
- Регулирование сети теперь поддерживает не только загрузку , но и загрузку, поэтому вы можете тестировать такие вещи, как загрузка файлов, через соединение 3G.
- Мы обновили всплывающую подсказку «Проверка» , которая накладывается на проверяемый элемент. Теперь он темный и блестящий и добавляет больше контраста.
Как всегда, дайте нам знать, что вы думаете, через Twitter или комментарии ниже, а также сообщайте об ошибках на crbug.com/new .
До следующего месяца!
Пол Бакаус и команда DevTools