使用Vega Studio调试网页应用

​

先决条件

1. 安装Visual Studio Code。
2. 安装Vega Studio扩展（0.21版或更高版本）

​

调试Vega网页应用的步骤

1. 使用Vega Studio打开您的应用。
2. 构建并启动一个调试版本。
3. 可以通过以下两种方式之一来启动您的应用。
   1. 从命令行启动。
   2. 点击Vega Studio边栏的“播放”按钮。
4. 从Vega Studio启动Chrome DevTools
   1. 打开Vega Studio侧边栏并单击“Chrome DevTools”。
   2. 注意用于选择目标运行时的组合框。选择WebView以调试在WebView上运行的HTML + JavaScript内容
   3. Chrome DevTools出现在编辑器中并附加到WebView运行时。可以检查HTML和JavaScript源代码，也可在JavaScript源代码中设置断点。

​

相关主题

• 有关Chrome DevTools的详细信息，请参阅使用Chrome DevTools进行应用分析
• Vega网页应用概述