Skip to main content
Debugging is essential during custom page development. The YiDA platform provides the following debugging methods:

​
debugger

Add a debugger statement in the action panel to set breakpoints and perform step-by-step debugging when the breakpoint is hit through user actions during preview:
  • Add the debugger statement:
  • Hit the breakpoint on the preview page and start step-by-step debugging:

​
Press cmd/ctrl + P in the Browser Console, Open page.js, and Add Breakpoints Directly for Debugging

​
Open the Self-Service Debug Panel

Developers can append the __showDevtools parameter to the page URL to enable the debug panel (self-service link assembly). For example: https://www.aliwork.com/bench/feedback?__showDevtools. Through the debug panel, developers can:
  • View Data Source variables
  • View form data
  • View failed requests
  • Report error logs
Most importantly, the debug panel makes mobile debugging highly convenient.

​
Enable Schema Workbench (Schema Import/Export)

In the lower-left corner of the YiDA form designer, there is a hidden button that enables the schema workbench. You can quickly generate pages by importing schemas in the schema workbench, and you can also edit schemas directly within the workbench to quickly define forms by modifying the schema. Simply append the __debug parameter to the design link URL to enable it (self-service link assembly), as shown below:

​
Debug Mobile/In-App Using vConsole

Open the action panel of the page you need to debug and enter the following code at the top. Then access the page to begin debugging. Note: Delete this code after debugging is complete.