デバッグ

カスタムページ構築プロセスにおいてデバッグは非常に重要です。宜搭プラットフォームはカスタムページ構築プロセスにおいて以下のデバッグ方法を提供します：

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