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 コンテンツを検査できるため、レスポンシブデザインやモバイル固有の問題のテストに最適です。