Дайджест инструментов разработчика

Стеки асинхронных вызовов

Трассировки стека теперь можно связать с асинхронным источником события. Имеется поддержка таймеров, кадров анимации, XHR, прослушивателей событий и многого другого. Скоро мы опубликуем полное описание стеков асинхронных вызовов в HTML5 Rocks. (Не забудьте установить флажок «Включить поддержку асинхронных трассировок стека» в экспериментах DevTools.) [ crbug.com/272416 ]

Стек асинхронных вызовов.

getEventListeners (окно)

При просмотре DOM страницы не всегда очевидно, на каких элементах зарегистрированы прослушиватели событий JavaScript, если таковые имеются. Все зарегистрированные прослушиватели событий в объекте window (или любом узле DOM, если уж на то пошло) теперь можно получить через getEventListeners на панели консоли как часть API командной строки. [ crbug.com/336472 ]

Панель «Источники» представляет концепцию мест редактирования, которые по сути являются позициями курсора в редакторе кода. Alt- переносит вас к предыдущим местам редактирования (к фрагменту кода, в котором вы ранее находились), а Alt+ идет вперед. [ crbug.com/281507 ]

Значения автоматического предложения Box Shadow обновлены.

Значения автоматического предложения для свойства CSS box-shadow были обновлены и теперь включают ключевое слово none . [ crbug.com/332355 ]

Box-shadow нет

Перейти к определенному номеру строки и определенному столбцу

Перейдите к номеру строки в определенном столбце, используя :line:column в диалоговом окне «Поиск по имени файла» на панели «Источники» ( Ctrl + O или Cmd + O ). [ crbug.com/337909 ]

Упрощенное изменение размера с помощью дескриптора панели инструментов.

Любое пустое место на главной панели инструментов DevTools теперь действует как действительный маркер изменения размера. [ crbug.com/304730 ]

Сетевые панели, дружественные к Retina

Сетевые панели, которые изначально формировались из изображений, теперь созданы с помощью CSS, что делает их независимыми от разрешения и удобными для сетчатки. [ crbug.com/330659 ]

Уменьшение шума в консоли

Неизвестные аргументы, переданные в мета-тег области просмотра, больше не отображаются в консоли как ошибки, а скорее как предупреждения, что означает меньше шума, который вам придется анализировать. [ crbug.com/332794 ]

Удалить шестеренку форматирования цвета

Панель «Стили» для циклического переключения цветовых форматов теперь удалена, хотя вы все равно можете изменить эту настройку в настройках DevTools. [ crbug.com/333840 ]

Прикрепленная вкладка консоли

Вкладка консоли в ящике теперь правильно запоминает свое состояние после перезагрузки. [ crbug.com/328551 ]

Улучшенное объяснение автоматического изменения размера текста.

В DevTools добавлена ​​ссылка на документацию по эмуляции мобильных устройств , которая поможет подробнее объяснить эмуляцию и автоматическое изменение размера текста. Также появляется всплывающая подсказка для флажка автоматического изменения размера текста. [ crbug.com/319092 ]

Подсказка по автоматическому изменению размера текста

Удаленный IP-адрес

Теперь вы можете просмотреть IP-адрес хоста в представлении ресурсов панели «Сеть». [ crbug.com/255602 ]

Удаленный IP-адрес

Спасибо за прочтение. Вы можете опробовать эти функции в Canary. В качестве альтернативы многие функции, упомянутые в декабрьской версии , теперь доступны в стабильной версии Chrome!