as

Settings
Sign out
Notifications
Alexa
亚马逊应用商店
AWS
文档
Support
Contact Us
My Cases
新手入门
设计和开发
应用发布
参考
支持
感谢您的访问。此页面目前仅提供英语版本。我们正在开发中文版本。谢谢您的理解。

Debugging Web Apps with Vega Studio

Vega Studio is the integrated development environment (IDE) for Vega Apps. It integrates with Chrome DevTools (CDT) to attach and debug WebView apps. With CDT, you can inspect rendered HTML content and debug JavaScript by setting a break point, like an ordinal web app.

Use the following guide to set up a CDT debugging session using Vega Studio.

Prerequisites

  1. Install Visual Studio Code.
  2. Install Vega Studio extension (0.21 or later)

Step to debug your Vega Web App

  1. Open your app with Vega Studio
  2. Build debug variant and launch it
  3. Launch your app on of these two ways
  4. Launch from command line
  5. Tap the Play button on the Vega Studio side bar
  1. Launch Chrome Dev Tools from VegaStudio
  2. Open Vega Studio side bar and click “Chrome Dev Tools.” Vega Studio side bar with Chrome Dev Tools option

  3. You will see a combo box to select the target runtime. Select WebView to debug HTML + JavaScript content running on WebView. Vega Studio combo box

  4. Chrome Dev Tools appears in the editor and attaches to the WebView runtime. You can inspect HTML and JavaScipt source code, as well as set breakpoints in the JavaScript code. Vega Studio combo box

Last updated: Oct 07, 2025