📱
PC に繋がずに Android 上で Chrome Developer Tools を使う
結論
Kiwi Browser を使えばできます。
モチベーション
ゴロゴロしながらスマホをいじっている時、今見ている Web サイトの構造が気になり、Chrome Developer Tools (DevTools) を開きたくなること、ありますよね?
そういう時、わざわざ机に向かって PC を開くのが億劫なことってありませんか? 私はよくあります。
私は Android を使っているので、Android 上で DevTools を使う方法を調べてみました。
しかし、ググってみると、USB Debugging や WiFi Debugging など、Android 上の Chrome でページを読み込んだ結果を、PC 上の DevTools で見る方法についての記事ばかりヒットします。
違う、そうじゃない。PC を使わずに、Android 上で DevTools を表示したいんだ。
色々と検索キーワードを変えているうちに、Kiwi Browser というブラウザーに辿り着きました。
Kiwi Browser で Chrome DevTools を使う
Kiwi Browser は Google Play からダウンロード・インストールできます。
普通にアドレスバーに URL を入力し、ページを開いて、
右上の三点メニュー (︙) から開発者ツールを開くと、
別タブが開き、DevTools が表示されます。
PC 用の DevTools の UI をそのまま持ってきただけのようなので、若干の使いづらさはありますが、個人的には、スマホではそこまでガチな分析はしませんし、許容範囲だと思います。
Discussion
私も同じことを考えて、方法がないか探していたのですが、そのためのbookmarkletがあるみたいです
普段使いのブラウザで見たいときはこれが便利です