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

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 コンポーネントのデバイス全体の構成、コマンドライン フラグの管理、クラッシュ分析専用のデバイス上のユーティリティです。