WebView で実行されるコードの動作を調査すること(デバッグ)は、ウェブ コンテンツを表示する Android アプリケーションの開発において不可欠な部分です。
このセクションでは、次の WebView デバッグ方法について説明します。
JavaScript コンソール ロギング: Chrome DevTools や Safari Web Inspector を使用したウェブページのデバッグに慣れている場合は、
console(console.log()など)の使用に慣れているかもしれません。コンソール メッセージは Chrome DevTools または Logcat で確認できます。Android の WebKit フレームワークは、ほとんどの同じ API をサポートしているため、WebViewでデバッグする際にウェブページからログを受け取ることができます。Chrome DevTools: 開発用マシンの Chrome ブラウザのデベロッパー ツールを使用して、アプリの WebView の HTML、CSS、JavaScript コードをリモートで検査できます。
ローカルサーバーにアクセス: 開発マシンのローカル ウェブサーバーからコンテンツを配信し、テストデバイスまたはエミュレータの WebView からアクセスして、リモートサーバーにデプロイすることなく変更をすばやく確認できます。
WebView DevTools アプリ: Android の WebView コンポーネントのデバイス全体の構成、コマンドライン フラグの管理、クラッシュ分析専用のデバイス上のユーティリティ。