エピソード

Web アプリをデバッグするために Edge の DevTools を VS Code に取り込む

代入 Chris Heilmann

VS Code Day 2021

Web アプリを構築する場合、開発者は、コードをテストするためにエディターとブラウザーを切り替える必要があることを認識しており、これは多くのコンテキスト切り替えです。 Chromium ベースの Edge ブラウザーから DevTools を VS Code で直接使用できる場合はどうなりますか?

このセッションでは、DevTools をエディターに取り込む方法と、この複雑な拡張機能をエディターとブラウザーと話し合い、同時にアクセスしやすく使いやすいものにするために何を行う必要があったかについて説明します。

拡張子： https://aka.ms/devtools-for-code 

リポジトリ： https://github.com/Microsoft/vscode-edge-devtools 

Web アプリを構築する場合、開発者は、コードをテストするためにエディターとブラウザーを切り替える必要があることを認識しており、これは多くのコンテキスト切り替えです。 Chromium ベースの Edge ブラウザーから DevTools を VS Code で直接使用できる場合はどうなりますか?

このセッションでは、DevTools をエディターに取り込む方法と、この複雑な拡張機能をエディターとブラウザーと話し合い、同時にアクセスしやすく使いやすいものにするために何を行う必要があったかについて説明します。

拡張子： https://aka.ms/devtools-for-code 

リポジトリ： https://github.com/Microsoft/vscode-edge-devtools 

ビデオの URL

開始時刻

HTML iframe

プレーヤーのサイズ

1920 x 1080 1280 x 720 640 x 360

開始時刻