📱

PC に繋がずに Android 上で Chrome Developer Tools を使う

2023/04/21に公開1

結論

Kiwi Browser を使えばできます。

https://kiwibrowser.com

モチベーション

ゴロゴロしながらスマホをいじっている時、今見ている 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 からダウンロード・インストールできます。

https://play.google.com/store/apps/details?id=com.kiwibrowser.browser

普通にアドレスバーに URL を入力し、ページを開いて、

右上の三点メニュー (︙) から開発者ツールを開くと、

別タブが開き、DevTools が表示されます。

PC 用の DevTools の UI をそのまま持ってきただけのようなので、若干の使いづらさはありますが、個人的には、スマホではそこまでガチな分析はしませんし、許容範囲だと思います。

Discussion