☰

API Interceptor + DOM Inspector

Fixed version with better memory management and storage

Как установить

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Как установить

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

Автор
gl4_manu
Установок в день
0
Всего установок
2
Оценки
0 0 0
Версия
1.0.0
Создано
28.05.2026
Обновлено
28.05.2026
Размер
33,2 КБ
Лицензия
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