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)

LEAVE A COMMENT