Simple Web Dev Tool

シンプルなウェブ開発ツール - モバイル Chrome 開発ツール

この強力なウェブインスペクターアプリで、Android デバイス上でウェブサイトを直接デバッグできます。

🔍 主な機能:

📄 HTMLソースインスペクタ
• 構文ハイライト付きのページ全体のソースコードを表示
• 美しい構文カラーリング(ダーク/ライトテーマ)
• テキストの折り返しと縮小/整形の切り替えで読みやすく表示
• 読み取り専用の構文ハイライトと選択可能なテキストモードを切り替え
• ソースコード全体をクリップボードに瞬時にコピー

🔎 ソース内詳細検索
• プレーンテキスト検索、正規表現パターン、ワイルドカード(*、?)を使用してテキストを検索
• リアルタイム一致カウンター(X/Y一致)を表示
• 前へ/次へボタンで一致箇所を移動
• 色付き背景でハイライト表示された一致:
- 明るい黄色: 現在の一致
- 薄い黄色: その他の一致
• 手動検索モード - 入力して検索をタップするだけですぐに結果を表示

🌐 ネットワークアクティビティモニター
• すべてのHTTP/HTTPSリクエストを追跡
• リソースの読み込みを監視(スクリプト、スタイルシート、画像、xhr、fetch)
• リクエスト/レスポンスヘッダーを表示
• リクエストとレスポンスの本文を検査
• 参照ステータスコード、レスポンスサイズ、リクエスト期間
• リクエストタイプでフィルタリング

📱 ローカルストレージインスペクタ
• Cookie、localStorage、sessionStorage を表示
• 保存されているすべてのキーと値のペアを表示
• アプリデータの永続性を監視
• デバッグ用にストレージデータをコピー

🎨 軽量・高速
• すべての Android デバイスで動作
• パフォーマンスへの影響は最小限
• ダーク/ライトテーマをサポート
• 直感的でブラウザライクなインターフェース

最適なユーザー:
✓ モバイル Web 開発者
✓ 外出先でデバッグを行う Web デザイナー
✓ QA テストチーム
✓ フロントエンドエンジニア
✓ バグトラブルシューティング

ブラウザの DevTools とは異なり、Simple Web Dev Tool ではモバイルデバイス上で直接 Web コンテンツを検査できるため、レスポンシブデザインやモバイル固有の問題のテストに最適です。