デバッグモードの有効化
デバッグのキャッシュの無効化
Chrome DevTools の使用
Debug ワイヤアダプタ
LWS が有効になっている状態のデバッグ
モバイルコンポーネントのデバッグ
Lightning Web コンポーネントは、標準の HTML および JavaScript を使用して構築され、デスクトップではさまざまなサポート対象のブラウザで実行できます。標準のブラウザと JavaScript デバッグツール (Chrome DevTools など) を使用して、開発中にコンポーネントをデバッグできます。モバイル固有の機能を確認するには、モバイルデバイスまたは仮想デバイスビルドを使用してください。
開発中にコンポーネントを実行してデバッグするための最も簡単な方法は、Lightning ページを作成してコンポーネントを追加することです。その後、任意のブラウザで Lightning ページを読み込み、お気に入りの検査およびデバッグツールを使用します。LWC のデバッグは Chrome DevTools 向けに最適化されています。
このコンテンツの出典は、Saleforce 主任開発者エバンジェリストの René Winkelmeyer によるブログ投稿「Debug Your Lightning Web Components (Lightning Web コンポーネントのデバッグ)」です。
Note
関連トピック
The Japanese Summer '24 guide is now live