Visual studio code &引用;“打开webview开发工具”;不在VS代码1.56+;中工作;?

Visual studio code &引用;“打开webview开发工具”;不在VS代码1.56+;中工作;?,visual-studio-code,vscode-extensions,Visual Studio Code,Vscode Extensions,我正在开发一个VS代码扩展,它使用。以前,我可以使用Developer:openwebview-Developer-tools命令检查和调试我的webview,这将使用webview-Developer-tools打开一个新窗口 但是,在VS代码1.56中,此命令不再打开新窗口。发生了什么以及如何调试我的webview?VS Code 1.56更新了大多数webview,以使用普通的元素,而不是Electron的标记。这使您可以使用VS Code的标准顶级开发人员工具(可以使用developer

我正在开发一个VS代码扩展,它使用。以前,我可以使用
Developer:openwebview-Developer-tools
命令检查和调试我的webview,这将使用webview-Developer-tools打开一个新窗口


但是,在VS代码1.56中,此命令不再打开新窗口。发生了什么以及如何调试我的webview?

VS Code 1.56更新了大多数webview,以使用普通的元素,而不是Electron的标记。这使您可以使用VS Code的标准顶级开发人员工具(可以使用developer:Toggle developer tools命令打开)来调试和检查Web视图:

这比开发者:OpenWebView开发者工具有一些好处:

  • 您可以从同一开发人员工具实例检查多个Web视图
  • webview消失时,开发人员工具不再关闭
  • 来自WebView的错误和控制台消息在标准开发人员控制台中清楚地打印出来
警告 在VS Code 1.56中,启用搜索的Web视图(使用.enableFindWidget)仍然使用标记实现,因此您必须仍然使用Developer:Open webview Developer tools命令对其进行调试和检查


我们计划在1.56之后的某个时候将所有网络视图迁移到iframes。