🐈

androidアプリのwebview画面をソースコード解析する方法(chrome)

2021/07/21に公開

chrome inspect

  1. AndroidStudioなどでwebviewが導入されているアプリを起動する。
  2. chromeのアドレスバーにchrome://inspectと入れて飛ぶ。
  3. デベロッパーツールが開くので無事接続されていれば、エミュレータ名などが表示されているはず。
  4. エミュレータで調べたいwebviewのページに遷移する
  5. ツール側でURLを拾っているのでinspectと表示されてるところをクリック
  6. webの検証ツールのような形で別ウインドウが開くので色々触ることができる。

iosはchrome://inspectでは調べることができないが、

safariでも似たようなことが出来るっぽいです。

参考記事
https://qiita.com/d-dai/items/0b580b26bb1d1622eb46

Discussion