console.mobi
スマホで使える開発者ツール付きブラウザ
console.mobi は、Web 開発者のためのモバイルブラウザです。PC の Chrome DevTools のような機能をスマホ上で利用できます。WebView 上の console.log / warn / error やキャッチされないエラーをリアルタイムでキャプチャし、DOM ツリーの構造確認、fetch / XHR のネットワークリクエスト監視、Local Storage / Session Storage / Cookie の閲覧が可能です。インスペクトモードでは、画面上の要素をタップするだけで対応する DOM 要素をハイライト表示。ブックマーク管理、日英2言語対応、ライト/ダークテーマ自動切替にも対応しています。モバイルでのフロントエンド開発・デバッグ作業を効率化します。
スクリーンショット
主な機能
コンソールモニタリング
log / info / warn / error やキャッチされないエラーをリアルタイムでキャプチャ。タイムスタンプ付きで一覧表示し、ワンタップでコピーできます。
DOM ツリー & インスペクト
ページの DOM 構造をツリー形式で確認。インスペクトモードでは画面上の要素をタップするだけで対応する DOM ノードをハイライト表示します。
ネットワーク & ストレージ
fetch / XHR のリクエスト・レスポンスをリアルタイム監視。Local Storage、Session Storage、Cookie の内容も閲覧できます。
仕様
- 価格
- 無料(広告あり)
- 対応機種
- Android / iOS
よくある質問
PC の DevTools と何が違いますか?
Console.mobi はスマホ上で直接動作するため、実機でのレンダリングやタッチ操作を確認しながらデバッグできます。USB 接続やリモートデバッグの設定は不要です。
どのような情報をキャプチャできますか?
JavaScript のコンソール出力(log / info / warn / error)、キャッチされないエラー、DOM ツリー構造、fetch / XHR のネットワークリクエスト、Local Storage / Session Storage / Cookie を確認できます。
対応言語は?
日本語と英語に対応しています。デバイスの言語設定に応じて自動切替されますが、アプリ内の設定画面から手動で切り替えることもできます。