このDevel Browser: Web Inspectorについて
モバイル版Chrome DevTools。コンソールREPL、ネットワーク、インスペクター、HARエクスポート機能。
Dev Browserは、モバイルWeb開発者向けに開発されたブラウザです。デスクトップで使い慣れたChrome DevToolsのワークフローを、そのままスマートフォンで利用できます。
■ 機能
• コンソールREPL — $、$$ショートカットとオートコンプリート機能を使って、現在のページでJavaScriptを評価できます。
• ネットワークインスペクター — ヘッダー、プレビューボディ、cURLコピー、HARエクスポート機能を使って、fetch、XHR、WebSocket、EventSourceのトラフィックを傍受できます。
• 要素インスペクター — ページ上の任意の要素をタップして、タグ、セレクタ、矩形、属性、計算済みスタイル、outerHTMLを確認できます。
• アプリケーションパネル — Cookie、ローカル/セッションストレージ、キャッシュストレージ、IndexedDB、Service Workerの登録情報を検査・編集できます。
• リクエストブロック — URLパターン(広告ドメイン、トラッカーなど)に基づいてリクエストをブロックできます。
• ローカルモックオーバーライド — レスポンスをカスタムステータス/MIMEタイプ/ボディにリアルタイムで置き換えることができます。
• HARエクスポート+バグバンドル — ネットワークログをHAR 1.2形式で共有するか、スクリーンショット、HAR、コンソール、メタデータを含む完全なバンドルを共有できます。
• ネットワークスロットリング — 高速3G、低速3G、オフラインのシミュレーションが可能です。
• ブックマークと履歴付きのマルチタブブラウジング。
• JSスニペット — スクリプトを保存し、ワンタップで実行できます。
• Bluetoothマウスのサイドボタンでタブ履歴を操作できます。
■ プライバシー
すべてのデータはデバイス上に保存されます。Cookie、履歴、ブックマーク、スニペットは端末から外部に送信されません。アプリは分析データやテレメトリデータを収集しません。
■ 対象ユーザー
モバイルWebエンジニア、QA担当者、デスクトップに接続せずにWebViewでホストされているサイトをスマートフォンで検証する必要があるすべての方。
最新バージョン 0.1.1 の更新情報
- Chrome-style Web Inspector on mobile (Elements, Console, Network, Sources, Application)
- Multi-tab browsing with history and bookmarks
- Built-in DevTools: copy logs, run console expressions, inspect network
- Offline HAR export for recorded sessions




