在 Visual Studio Code 的 Edge DevTools 分頁的 Console 工具中,使用這個擴充功能,你可以做所有在瀏覽器內使用 Microsoft Edge DevTools 時能做的事。
您可以:
- 查看 日誌訊息。
- 存取物件
window並使用 DOM 互動便利方法。 - 過濾主控台 並設定 即時表情。
控制台與其他工具並排展示
你可以在 Edge DevTools 標籤下方的面板開啟 Console,並同時使用 Elements 工具:
執行與除錯期間的主控台
如果你從執行與除錯工作流程啟動 DevTools 擴充功能,Visual Studio Code 的除錯主控台會提供 Edge DevTools 分頁主控台工具的大部分功能,但沒有篩選選項,且結果顯示比 Edge DevTools 分頁的主控台工具更為基礎:
另請參閱
- 主控台概述
- 除錯——Visual Studio Code 的除錯主控台。
- 開始使用 Visual Studio Code 的 DevTools 擴充功能
- Microsoft Edge DevTools 擴充套件 for Visual Studio Code