API Interceptor + DOM Inspector

Fixed version with better memory management and storage

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

You will need to install an extension such as Tampermonkey to install this script.

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
gl4_manu
1日のインストール数
1
累計インストール数
3
評価
0 0 0
バージョン
1.0.0
作成日
2026/05/28
更新日
2026/05/28
大きさ
33.2KB
ライセンス
MIT
対象サイト
すべてのサイト

🛠️ DevTools Pro v1.0.0

A powerful Tampermonkey script that adds professional development tools to any website

✨ Features

📡 API Request Interceptor

  • Intercepts all fetch() and XMLHttpRequest calls
  • Captures request URLs, methods, and status codes
  • Auto-detects JWT tokens in Authorization headers
  • Real-time logging with visual indicators

🔍 DOM Live Inspector

  • Hover any element to highlight it
  • Click to interact with elements
  • Copy CSS selectors or XPath with one click
  • Edit HTML directly in the browser
  • Hide or log elements to console

💾 Persistent Storage

  • Automatically saves all captured requests
  • Data survives page refreshes and browser restarts
  • Export logs to JSON format
  • Import previous sessions for analysis

🎨 Clean Interface

  • Draggable floating panel
  • Search/filter functionality
  • Expandable request details
  • Color-coded status indicators
  • Lightweight and performant

🚀 Quick Start

  1. Install Tampermonkey extension
  2. Add this script
  3. Click the 🛠️ button on any website
  4. Start inspecting and monitoring!

📋 Use Cases

  • API Debugging - Monitor all network requests
  • JWT Analysis - Track authentication tokens
  • DOM Exploration - Inspect page structure
  • Rapid Prototyping - Edit HTML live
  • Security Testing - View request/response patterns

⚙️ Requirements

  • Tampermonkey or compatible userscript manager
  • Chrome, Firefox, Edge, or any modern browser