WeChat ミニプログラムツールプログラムデバッグのための 3 つの主要な機能領域

シミュレータ

の3つの主要な機能領域があります。シミュレータは、クライアント上のWeChatアプレットの実際の論理パフォーマンスをシミュレートします。ほとんどの API では、シミュレーター上に正しい状態を表示できます。

コードをコンパイルする

ツールの左下隅にあるコンパイルボタンをクリックして、現在のコードをコンパイルし、同時に、開発者が特定のページをデバッグできるようにシミュレーターを自動的に更新します。カスタムコンパイルモードを選択できます。

デバッグツール

デバッグツールは、Wxml、Console、Sources、Network、の6つの主要な機能モジュールに分かれています。アプリデータ、ストレージ

Wxml Pannel

Wxml Pannel は、開発者が Wxml に変換されたインターフェイスを開発するのに役立ちます。ここでは、実際のページ構造とその構造に対応する wxss 属性を確認できると同時に、対応する wxss 属性を変更し、その変更をシミュレーターでリアルタイムに確認できます。デバッグモジュールの左上隅にあるセレクターを使用すると、ページ内のコンポーネントに対応する wxml コードをすばやく見つけることもできます。

ソースパネル

ソースパネルは、現在のプロジェクトのスクリプトファイルを表示するために使用されます。ブラウザー開発とは異なり、WeChat アプレットフレームワークがスクリプトファイルをコンパイルするため、開発者がソースパネルに表示されるファイルは、開発者のコードがラップされたものになります。定義関数内とページコードの場合、最後に require へのアクティブな呼び出しがあります。