[ad_1]
Для Chrome 117, Google расширил инструменты разработчика браузера, также известные как DevTools, 16 новыми функциями — самый большой скачок возможностей с момента появления Chrome 91 в 2021 году.
В объявлении, опубликованном во вторник, технический писатель София Емельянова подробно описала щедрость дополнительной сложности браузера в интересах веб-разработчиков, которых можно простить за то, что они считают экосистему JavaScript чрезмерно изменчивой.
Стабильная версия Chrome 117 не должна появиться до вторника, 12 сентября, хотя некоторые могут увидеть ее уже в среду, 6 сентября, как «ранний стабильный выпуск». Также есть канал выпуска бета-версии Chrome, который должен иметь эти функции сегодня для пользователей настольных компьютеров. Канал Dev использует Chrome 117 с 21 июля, а те, кто использует последнюю версию Chrome Canary, уже перешли на Chrome 118.
Емельянова сказала, что функция локального переопределения, которая позволяет сохранять изменения в локальных файлах и переопределять заголовки ответов HTTP, была усовершенствована, чтобы «легко имитировать заголовки ответов и веб-контент удаленных ресурсов с панели «Сеть» без доступа к ним».
Изменение заголовков ответа и веб-содержимого может быть полезно при разработке и отладке веб-приложений, а в Chrome 117 добавлен пункт меню «Переопределить содержимое» при щелчке правой кнопкой мыши ресурса на вкладке «Сеть» (который показывает файлы, полученные из Интернета). Пункт меню активирует ранее настроенные локальные файлы переопределения, в которых указывается содержимое запроса и заголовки, подлежащие замене.
Разработчики также могут переопределять содержимое XHR и запросы на выборку вместе с заголовками ответов. Это дает возможность имитировать ответы API для отладки веб-приложений и дает альтернативу более комплексным инструментам API, таким как Postman, Insomnia и HTTP Toolkit.
Пикабу!
Chrome 117 теперь может скрывать сетевые запросы от расширений Chrome, что могут сделать разработчики, если они установили расширения, которые делают много сетевых запросов, предпочли бы не видеть эти запросы во время отладки и в высшей степени уверены, что их расширениям можно доверять. не устанавливать скрытые сетевые подключения для похищения личных данных.
Так совпало, что разработчик Даниэль Наков недавно опубликовал исходный код расширения Chrome под названием Little Rat, предназначенного для выявления, а не сокрытия сетевых вызовов от расширений Chrome. Это вариант, если вы не уверены, можно ли доверять вашим расширениям.
GoogleBonanza DevTool также делает коды состояния HTTP более полезными, показывая текстовые описания наряду с числовыми кодами. Большинству не понадобится пояснительный текст для ошибки 404, но, возможно, просмотр «Я чайник» рядом с ошибкой 418 на панели DevTools Network окажется полезным для тех, кто не запомнил более неясные возможности.
В качестве еще одного эстетического усовершенствования Chrome 117 будет красиво печатать ответы для подтипов JSON, таких как JSON-LD, чего раньше он не делал. В основном вкладка ответа будет выглядеть лучше при отображении запроса с приложением/[subtype]+json подтип MIME.
В том же духе есть и новая цветовая схема DevTools.
Емельянова говорит, что на панели «Производительность» теперь отображаются два поля приоритета в сводке событий на дорожке «Сеть», а именно: начальный приоритет и (конечный) приоритет. «С помощью этого дополнительного поля теперь вы можете видеть, изменяется ли приоритет загрузки события, и настраивать порядок загрузки», — объясняет она.
Поклонникам разборчивого кода будет приятно узнать, что параметр «Сворачивание кода», который делал код более читабельным за счет сворачивания блоков кода на панели «Источники», теперь включен по умолчанию, как и параметр предпочтения «Автоматически открывать файлы на боковой панели». .”
Печеньковый монстр
И для тех, кто интересуется, какой будет сеть когда-то Google собирается отказаться от поддержки сторонних файлов cookie в пользу своей песочницы с вдохновляющим названием Privacy Sandbox, не надо больше спекулировать. Chrome 117 поддерживает --test-third-party-cookies-phaseout флаг, который можно активировать из командной строки Chrome.
В поддержку обещанной очистки файлов cookie, GoogleБраузер добавил флажок «Включить сторонние проблемы с файлами cookie», включенный по умолчанию, на вкладку «Проблемы», которая предоставляет информацию о различных проблемах и ошибках. Ожидается, что переход от сторонних файлов cookie не пройдет гладко.
Начиная с Chrome 108, Google вернул предварительную визуализацию веб-страниц, которые, как считается, может посетить пользователь Chrome. Подобно спекулятивному выполнению в микроархитектуре ЦП — источнику нескольких проблем с безопасностью — идея состоит в том, чтобы извлекать и загружать веб-ресурсы до того, как они потребуются, чтобы сэкономить время.
Разработчики, работающие с Chrome 117 и более поздних версий, смогут лучше отлаживать эти спекулятивные веб-запросы с помощью раздела «Предварительная загрузка», который теперь добавлен на панель приложений.
Те, кто работает с WebAssembly (WASM), могут оценить, что расширение отладки C/C++ WebAssembly для DevTools теперь имеет открытый исходный код и доступно из внешнего репозитория DevTools.
Есть также несколько различных дополнений и две экспериментальные функции, связанные с эмуляцией CSS и улучшениями для монитора протокола, который позволяет разработчикам проверять, отлаживать и профилировать браузеры на основе Chromium.
Веб-разработчики могут захотеть поторопиться и привыкнуть к новым возможностям, потому что, вероятно, это произойдет не более чем через полтора месяца. Google начинает говорить о Chrome 118 DevTools. ®
[ad_2]
