Max Home IndustryMicrosoft объявила об общедоступности расширения Microsoft Edge Tools для VS Code, которое дает разработчикам возможность встраивать инструменты разработчика браузера в Visual Studio Code, также известную как VS Code.
Расширение, которое находится в стадии бета-тестирования в течение года, сочетает в себе функции двух экспериментальных расширений, добавляющих функции Developer Tools в VS Code: The Elements и расширение Network.
Идея расширения VS Code заключается в том, чтобы сохранить VS Code как легкую среду программирования, одновременно сделав инструменты разработчика доступными для браузера в качестве расширения. Он позволяет вам использовать инструмент «Элементы и сеть» браузера из редактора. DevTools будет подключаться к экземпляру Microsoft Edge, чтобы вы могли видеть структуру HTML среды выполнения, изменять макет, исправлять проблемы со стилями и просматривать сетевые запросы.
Инструменты предоставляют конфигурации отладки для запуска браузера Microsoft Edge в режиме удаленной отладки и автоматического подключения инструментов, а также есть вид на боковой панели для перечисления всех отлаживаемых целей, включая вкладки, расширения и сервис-воркеров.
Функцию трансляции экрана можно использовать для просмотра вашей страницы, не выходя из VSCode, и вы можете перейти непосредственно к строке / столбцу исходных файлов в своей рабочей области, щелкнув ссылку или правило CSS внутри инструмента «Элементы».
Расширение Microsoft Edge Tools позволяет вам выбирать между подключением к существующему экземпляру браузера, запуском нового или использованием «автономного» браузера. Вариант «без головы» не добавляет собственное окно браузера и не помещает дополнительный значок на панель задач.
Разработчики говорят, что панель «Сеть» является второй наиболее часто используемой функцией в Microsoft Edge DevTools, а в прошлом году Microsoft выпустила отдельное автономное расширение для интеграции панели «Сеть» в VSCode. В этом выпуске два расширения были объединены в одно, хотя теперь вы также можете включить вкладку «Сеть» в настройках расширения.