Elements
タップして任意のノードを選択。DOM ツリー、CSS のカスケード、実寸キャリパー付きのボックスモデル。ノードごとのイベントリスナー、ツリー内検索、HTML として編集、属性の追加。
デスクトップの DevTools を、親指のために作り直しました。DOM を調べ、あらゆるリクエストを読み、ライブで編集し、バグを追い詰める——ケーブルもノートパソコンもいりません。
30日間フル機能トライアル · その後 5,99 €/年 · iPhone · iPad · Android
トレイ
どのパネルも本物で、おもちゃのコンソールではありません。スライド式のトレイから開きます——ちら見、半分、全画面——大きなタッチターゲットと、親指のために考え抜かれたジェスチャーを備えています。
タップして任意のノードを選択。DOM ツリー、CSS のカスケード、実寸キャリパー付きのボックスモデル。ノードごとのイベントリスナー、ツリー内検索、HTML として編集、属性の追加。
ページ上で動く本格的な REPL：JS を評価し、レベルとスタックトレース付きで console.* を捕捉し、ノイズを除去します。console.table やグループを描画し、ページに対してライブで自動補完します。
すべてのリクエストを、実際の DNS/TLS/TTFB タイミング（Android）とイニシエーター付きのタッチ操作ウォーターフォールで。ヘッダー、ペイロード、レスポンスボディ。リクエストのブロック、キャッシュ無効での閲覧、WebSocket のライブ追跡、リクエストの再送信、HAR のエクスポート。
すべての属性付きの cookie（expires、SameSite、Secure、httpOnly）、localStorage、sessionStorage、IndexedDB（データベース → ストア → レコード）、キャッシュ。ドメインごとに読み取り、編集、削除できます。
メモリ使用量と、Android では実際のヒープサイズ。iOS では注記付きの推定値。一度測定して、ページ遷移のあいだに何が増えていくかを確認します。
ソースコードをハイライト表示し、ミニファイされたコードを読みやすく整形し、リソースを上書きしてサーバーに触れずに変更を試せます。
ワンタップの監査：SEO、セキュリティ（実際の CSP/HSTS ヘッダー）、Core Web Vitals、アクセシビリティにわたるスコア。Markdown にエクスポート可能。
インターセプター
リクエストとレスポンスをその場で書き換え——プロキシも証明書も不要、ブラウザから直接。Android では fetch/XHR だけでなく、すべてのリクエストを傍受します。
リクエストを送信前に、あるいはレスポンスがページに届く前に一時停止。メソッド、URL、ヘッダー、ボディ、ステータスを編集して続行——または中断します。安全のための自動続行により、ページが固まることはありません。
エンドポイントにローカルのボディ——ステータス、ヘッダー、ボディ——で応答します。ネットワークには一切触れません。エラー状態や、まだ存在しないレスポンスの再現に最適です。
宛先 URL を別のサーバーに書き換えます——ステージング、モック、あるいは自分のマシンへ。
宣言的なルールでヘッダーとボディを検索／置換、あるいは JS 関数 (req)=>req / (res)=>res で自在に変換します。
メソッド、URL、ヘッダー、ボディをゼロから組み立てて送信。レスポンスは、たどれる JSON ツリー、GraphQL ビュー、画像プレビューで表示されます。
作業台
すでに試験台となっているブラウザが、API と PWA の作業台にもなります。リクエストを組み立て、レスポンスを保存し、service worker をデバッグ——スマホから離れることなく。
任意のリクエストのレスポンスを保存してローカルで返します。リロードや画面遷移をまたいでも保持され、サーバーに触れずに、まだ存在しない状態をテストできます。
リクエストをフォルダーに保存・整理。変数と環境、Bearer または Basic 認証、pre-request スクリプトに対応。送信して、JSON ツリー、GraphQL、画像プレビューでレスポンスを探れます。
デバッグ設定のすべて——傍受ルール、ブロック、スニペット、コレクション、環境——を 1 つのファイルにエクスポート／インポート。設定を共有したり、別の端末へ持ち運べます。
Service Workers（状態、登録解除、更新）、Cache Storage（キャッシュとエントリ、削除）、そして Web App Manifest とそのインストール可能性チェックを調べられます。本物の PWA をデバッグしましょう。
実機で header bidding のオークションを確認。ケーブル不要：広告枠、応答した入札者とタイムアウトした入札者、落札 CPM、そしてオークション全体の棒グラフ。Prebid を使っているページでのみ表示されます。
すべてのボタン、アイコン、パネルの役割を、平易な言葉で説明し、検索もできます。DevTools を使うのに DevTools の知識が前提であるべきではないから。
現場で
ウォーターフォールを開き、所要時間で並べ替えると、/api/cart がチェックアウトをブロックしているのが分かります。ヘッダーをコピーして、先へ進みます。
JavaScript が届かないセッションの httpOnly cookie を読み取り、SameSite を確認し、それを編集してバグを再現します。
指でノードを選び、ツリー上でコンテンツとスタイルを変更し、エディタを開く前に修正を確認します。
コンソールが TypeError を完全なスタックとともに捕捉します——デスクトップのシミュレーターでは決して再現できないあのバグを。
本物の忠実性
Android では、Scalpel はデスクトップ版 Chrome が使うのと同じ計測プロトコルに接続します——本物のレスポンスボディ、本物のヒープ、本物のネットワークスロットリング。iPhone と iPad では、高精度の検査エージェントが DOM、コンソール、ネットワーク、ストレージの同等性を提供します。
料金
最初の30日間は、フル機能で無料。始めるのにカードは不要です。
App Store と Google Play で近日公開
ダウンロード時に30日間トライアル · その後 5,99 €/年 で更新 · いつでもキャンセル可能
あなたのコードで3人の友だちが登録？ 次回の更新が 3,99 €/年 に下がります。