调试

在自定义页面搭建过程中调试非常重要，宜搭平台在自定义页面搭建过程中提供以下调试方式：

debugger

我们可以在动作面板中增加debugger代码来设置断点，并在预览的时候通过用户操作命中断点进行单行调试：

• 增加 debugger 代码：

• 在预览页面命中断点并开始单点调试：

在浏览器控制台输入 cmd/ctrl + p，输入 page.js，直接添加断点调试

打开自助调试面板

开发者也可以在页面的URL中增加一个__showDevtools参数，开启调试面板（自助拼接链接），例如：https://www.aliwork.com/bench/feedback?__showDevtools。

通过调试面板，开发者可以进行以下操作：

• 查看数据源变量；
• 查看表单数据；
• 查看错误请求；
• 上报错误日志；

最关键的是调试面板让移动端调试变得非常方便。

开启 schema 工作台(schema 导入/导出)

在宜搭表单设计器的左下角隐藏着开启 schema 工作台入口的按钮，我们可以在 schema 工作台中通过导入 schema 来快速生成页面；同时也支持用户在工作台内编辑 schema，通过修改 schema 来快速定义表单定义。用户可以直接在设计的链接的URL后面拼接__debug参数进行开启（自助拼接链接），如下所示：

移动端/端内通过 vConsole 进行调试

打开需要调试页面的动作面板，在最上方直接输入下面代码。访问进行调试。 注意调试完成后删除该代码。

  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();
  };