ウェブアプリをデバッグする

WebView で実行されるコードの動作を調査すること(デバッグ)は、ウェブ コンテンツを表示する Android アプリケーションの開発において不可欠な部分です。

このセクションでは、次の WebView デバッグ方法について説明します。

  • JavaScript コンソール ロギング: Chrome DevTools や Safari Web Inspector を使用したウェブページのデバッグに慣れている場合は、consoleconsole.log() など)の使用に慣れているかもしれません。コンソール メッセージは Chrome DevTools または Logcat で確認できます。Android の WebKit フレームワークは、ほとんどの同じ API をサポートしているため、WebView でデバッグする際にウェブページからログを受け取ることができます。

  • Chrome DevTools: 開発用マシンの Chrome ブラウザのデベロッパー ツールを使用して、アプリの WebView の HTML、CSS、JavaScript コードをリモートで検査できます。

  • ローカルサーバーにアクセス: 開発マシンのローカル ウェブサーバーからコンテンツを配信し、テストデバイスまたはエミュレータの WebView からアクセスして、リモートサーバーにデプロイすることなく変更をすばやく確認できます。

  • WebView DevTools アプリ: Android の WebView コンポーネントのデバイス全体の構成、コマンドライン フラグの管理、クラッシュ分析専用のデバイス上のユーティリティ。