Highload — медіа для розробників
4.17K subscribers
5.59K photos
277 videos
18 files
6.48K links
Розповідаємо про людей, які створюють код, та про код, який вони пишуть.

Зв'язатися із редакцією можна тут: news@highload.today. А щодо розміщення реклами, будь ласка, пишіть на specials@highload.today.

Наш чат https://t.me/highloadchatt
Download Telegram
​​Новый DevTools стал меньше влиять на производительность загрузки страниц

С выходом Chrome 90 в браузере также обновился DevTools. Среди нововведений:

— Отладчик СSS flexbox.
— Появился оверлей Core Web Vitals, который позволяет лучше визуализировать и измерять производительность страницы. Это часть инициативы Google по улучшению взаимодействия с пользователями.
— В Console status bar перенесен счетчик проблем из консоли, чтобы улучшить видимость предупреждения о возникших ошибках.
— На вкладке Issues теперь сообщается о проблемах с Trusted Web Activity. Это нужно, чтобы помочь разработчикам замечать и исправлять подобные проблемы.
— Появился API Trust Token, который помогает бороться с мошенничеством и отличать ботов от реальных людей без пассивного отслеживания.
— Улучшена производительность загрузки страниц при открытом DevTools, которая, по словам авторов сборки, в некоторых случаях увеличилась в десять раз.
— Во вкладке Frames теперь отображается список разрешенных и запрещенных функций браузера, контролируемых Permission policy.

Читайте полную статью со списком всех изменений по ссылке:
https://developers.google.com/web/updates/2021/02/devtools

#devtools #chrome #google
​​Мобильный эмулятор и поиск избыточного кода: 9 секретных функций Chrome DevTools

Несмотря на исчерпывающую документацию Chrome DevTools, разработчики находят скрытые полезные инструменты и функции. Девять из них, от эмуляции мобильных устройств до поиска бесполезного кода JavaScript, о которых вы, возможно, не знаете, нашел веб-разработчик Анураг Канория. Он поделился ими в блоге.

https://highload.today/mobilnyj-emulyator-i-poisk-izbytochnogo-koda-9-sekretnyh-funktsij-chrome-devtools/?utm_source=telegram&utm_medium=social&utm_campaign=telega


#Chrome #DevTools