Google Chrome DevTools Grab bag (Breakpoint Episode 5)

В этом видео рассказывается о новых возможностях консоли Chrome:

Тестирование мобильной версии сайта с помощью подмены User Agent, метрик устройства, эмуляции touch-событий и ориентации устройства.
Подмена media type, чтобы посмотреть как выглядит версия сайта, к примеру, при выводе на печать. (09:16)
CSS Regions (патч от Adobe) (11:11)
Подсветка селектора (14:53)
Возможность проинспектировать локальную область видимости функции, включая замыкания (16:20)
Возможность посмотреть изначальную функцию, this и список аргументов для функций и методов, созданных при помощи .bind (18:37)
Native memory profiling (20:48)
Отдельно отображаемые время простоя и время, потраченное на обработку в других вкладках (22:26)
Отладка WebSocket (25:06)
Как узнать, кто инициировал запрос (network request) (26:16)
Наконец-то улучшенный console.log — теперь при логгировании сразу будет отображаться небольшой предпросмотр объекта (28:13)

Similar Posts