【Android】スマホのChromeでデベロッパーツールを使う

「スマホの実機でだけ動かない！なぜだ！」

たまにありませんか？

「何かJavaScriptのエラーが出てるっぽいけど、スマホでコンソール見れない！」

Chromeならとても簡単に見れます。

まず、Androidの設定で「USBデバッグ」をオンにしましょう。

開発者オプションが設定にない場合は

を連打すると表示されます。

次に、スマホとPCをUSBで接続します。
Windowsの場合はあらかじめ「Google USB Driver」のインストールが必要です。

接続したら、PC側のChromeで下記のURLにアクセスします。

接続されているスマホの情報が表示されますので、
そこにある「inspect」というリンクをクリックすれば
スマホで表示中の画面とデベロッパーツールが開きます。

これでスマホの実機でのデバッグがとても簡単になりますね！