劇集

將 Edge 的 DevTools 帶入 VS Code 以偵錯 Web Apps

取代為 Chris Heilmann

VS Code Day 2021

建置 Web 應用程式時，開發人員知道他們需要在編輯器與瀏覽器之間切換，以測試其程式代碼，而且這是許多內容切換！ 如果您可以直接在 VS Code 中使用 Chromium 型 Edge 瀏覽器的 DevTools，該怎麼辦？

在此研討會中，我們將示範如何將 DevTools 帶入編輯器中，以及我們必須執行哪些動作，讓這個複雜的擴充功能與編輯器和瀏覽器交談，並同時保持無障礙且易於使用。

擴展： https://aka.ms/devtools-for-code 

儲存 庫： https://github.com/Microsoft/vscode-edge-devtools 

建置 Web 應用程式時，開發人員知道他們需要在編輯器與瀏覽器之間切換，以測試其程式代碼，而且這是許多內容切換！ 如果您可以直接在 VS Code 中使用 Chromium 型 Edge 瀏覽器的 DevTools，該怎麼辦？

在此研討會中，我們將示範如何將 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

開始時間