> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.
# 调试
> 汇总宜搭自定义页面搭建过程中的调试方式与技巧，帮助开发者快速定位变量、接口与页面逻辑问题。
在自定义页面搭建过程中调试非常重要，宜搭平台在自定义页面搭建过程中提供以下调试方式：
## debugger
我们可以在动作面板中增加`debugger`代码来设置断点，并在预览的时候通过用户操作命中断点进行单行调试：
* 增加 debugger 代码：
* 在预览页面命中断点并开始单点调试：
## 在浏览器控制台输入 cmd/ctrl + p，输入 page.js，直接添加断点调试
## 打开自助调试面板
开发者也可以在页面的URL中增加一个`__showDevtools`参数，开启调试面板（[自助拼接链接](https://demo.aliwork.com/o/debug_by_self?__showDevtools=true)），例如：[https://www.aliwork.com/bench/feedback?\_\_showDevtools](https://www.aliwork.com/bench/feedback?__showDevtools)。
通过调试面板，开发者可以进行以下操作：
* 查看数据源变量；
* 查看表单数据；
* 查看错误请求；
* 上报错误日志；
最关键的是调试面板让移动端调试变得非常方便。
## 开启 schema 工作台(schema 导入/导出)
在宜搭表单设计器的左下角隐藏着开启 schema 工作台入口的按钮，我们可以在 schema 工作台中通过导入 schema 来快速生成页面；同时也支持用户在工作台内编辑 schema，通过修改 schema 来快速定义表单定义。用户可以直接在设计的链接的URL后面拼接`__debug`参数进行开启（[自助拼接链接](https://demo.aliwork.com/o/debug_by_self?__showDevtools=true)），如下所示：
## 移动端/端内通过 vConsole 进行调试
打开需要调试页面的动作面板，在最上方直接输入下面代码。访问进行调试。
注意调试完成后删除该代码。
```javascript theme={"theme":{"light":"github-light","dark":"github-dark"}}
const vConsole = 'https://g.alicdn.com/code/lib/vConsole/3.11.2/vconsole.min.js';
const js = document.createElement('script');
js.src = vConsole;
document.body.append(js);
js.onload = function() {
window.vConsole = new window.VConsole();
};
```
