0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ReactNative-Expo内で展開したWebViewのchromeDevToolでの確認の方法

Last updated at Posted at 2020-04-07

出来ること

  • Expoで展開したWebViewのlogなんかをChromeDevToolで見られる
  • WebView生成後の確認

出来ないこと

  • 実機での確認

手順

  • AndroidStudioからAndroidエミュレーターの起動
  • expo start でexpoの起動
  • expo startで開かれたwebサイト上の Run on Android device/emulatorをクリックしてエミュレーターでApp起動
    • この時、PCに複数のエミュレーターや実機が刺さっていると怒られる
  • chrome://inspect/#devices をchromeで開くと対象のWebViewが出ているので確認できる
    • 出てない場合はエミュレーターが開発者モードになってないのかも(build番号何回かTapするやつ

おまけ

  • 下記みたいなの見つけて絶望したけど出来た
https://expo.canny.io/feature-requests/p/support-running-debugger-against-webview-without-native-changes
https://github.com/expo/expo/issues/485
  • modules内のktファイルいじったり色々したけど無駄だった
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?