☰

API Interceptor + DOM Inspector

Fixed version with better memory management and storage

Πώς γίνεται η εγκατάσταση

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey, το Greasemonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

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

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Userscripts για να εγκαταστήσετε αυτόν τον κώδικα.

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

Θα χρειαστεί να εγκαταστήσετε μια επέκταση διαχείρισης κώδικα χρήστη για να εγκαταστήσετε αυτόν τον κώδικα.

(Έχω ήδη έναν διαχειριστή κώδικα χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

Πώς γίνεται η εγκατάσταση

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Έχω ήδη έναν διαχειριστή στυλ χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

Δημιουργός
gl4_manu
Ημερήσιες εγκαταστάσεις
0
Σύνολο εγκαταστάσεων
2
Βαθμολογίες
0 0 0
Έκδοση
1.0.0
Δημιουργήθηκε την
28/05/2026
Ενημερώθηκε την
28/05/2026
Μέγεθος
30 KB
Άδεια
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