目的

アプリ内に設置しているWebViewのソースコードをみたい場合の方法

環境

  • Android Studio 4.1
  • Kotlin 1.3.50

参照サイト

Chrome DevTools Android 端末のリモート デバッグを行う

対応メモ

プログラム対応

まず、プログラムより、setWebContentsDebuggingEnabledの設定を行う。

WebView.setWebContentsDebuggingEnabled(true)
...
//ちなみにgoogleを読むようにした。
webView.loadUrl("https://www.google.com/?hl=ja")

Chromeブラウザでの対応

PCと端末を接続して
ChromeブラウザのURLにchrome://inspectと入力

以下のような画面になるので、inspectボタンをクリックする。
inspectが表示されていない場合は、上記プログラムが書いていないか、うまく接続されていない。

Android端末では以下のように表示されているが、

Chrome上でも以下のように表示されて、ブラウザのソースコードを確認することができる。

以上です。