Skip to main content

​
1. 背景

YiDAページのデバッグ方法を学ぶ前に、以下の点を念頭に置いてください。
  1. YiDAは現在、JavaScriptエコシステム上に構築されています。
  2. YiDAは現在、Reactエコシステム上に構築されています。
  3. YiDAのコンポーネントシステムは現在、Alibaba GroupのオープンソースコンポーネントライブラリであるFusionをベースにしています。

​
2. JavaScriptのデバッグ

コードのデバッグには、Chromeブラウザの使用を推奨します。 ステップごとのガイダンスについては、こちらの記事（英語）またはこちらの記事（中国語）を参照してください。

​
3. Reactのデバッグ

React Devtoolsを使用してデバッグします。 詳細な手順については、こちらの記事を参照してください。

​
4. アクションパネルに記述したJSコードのデバッグ

(1) 開発者コンソールを開きます。macOSでは、Cmd + Option + Iを押すか、右クリックして「検証」を選択します。Windowsでは、F12を押すか、右クリックして「検証」を選択します。 (2) コンソールデバッグ用のブレークポイントを設定するには、コード内にdebuggerキーワードを追加します。 (3) モバイル端末では、alert()を使用して値を表示し、トラブルシューティングを行います。 (4) コンソールにエラーが表示された場合は、page.jsを直接クリックしてソースコードのデバッグに進みます。 (5) コンソールでCmd/Ctrl + Pを押し、page.jsを検索してソースコードのデバッグに進みます。 (6) その他のデバッグ方法については、https://developers.aliwork.com/docs/guide/concept/debugを参照してください。