【JavaScript】Webアプリをスマホでデバッグする際に、consoleログを確認する方法まとめ

Webアプリを各種スマホ端末で動作確認する際に、console.logを確認するための手順をまとめました。

自分用メモです。他記事のリンクばかりですみません。気が向いたら手順まとめます。

iOS端末

Safari

1. iPhone・iPadの「Webインスペクタ」をオンにする
2. Macに接続して、MacのSafariの開発タブ側で中身を見ることでができます。

参考: https://www.atotok.co.jp/labo/8989496c5ad0ba978ebabd224aebb285

Chrome

chrome://inspectを開くことで、consoleログを確認することができます。

参考: https://arrown-blog.com/ipad-ios-chrome-console/

Android端末

Chrome

1. AndroidでChromeを開いて、PCに接続
2. chrome://inspect/#devicesを確認することで、DevToolで確認できます。

参考: https://dev.classmethod.jp/articles/android-chrome-debug/

標準ブラウザなど

adbツールやAndroid Studioを使って、logcatから確認できます。
browserなどのタグを見ると確認できます。