A powerful open-source suite of utilities for extracting, mapping, debugging, inspection, monitoring, and rapid exploration inside the browser console.
This professional collection of console-ready tools is designed for developers, researchers, and security engineers who need fast, flexible, and stealthy workflows without relying on external dependencies.
Built for high-stakes environments where visibility equals control.
No extensions. No network calls. No build steps. Pure console-native execution.
Trusted in production audits, bug bounties, and enterprise performance investigations.
All tools operate at runtime — no compilation, no packaging, no trust assumptions.
Designed to survive minification, CSP restrictions, and anti-debugging measures.
Deployable in under 3 seconds. Silent. Untraceable. Unstoppable.
-
In Chrome DevTools
-
Open DevTools (F12 or Cmd+Option+I).
-
Navigate to the Sources tab > Snippets panel.
-
Create a new snippet, paste the code from any tool below, and hit Run (Ctrl+Enter).
-
Save snippets for reuse—boom, instant toolkit!
For programmatic access and easy distribution:
npm install devconsole-toolkitThen in your Node.js code:
const toolkit = require('devconsole-toolkit');
// Get any tool's code as a string
const code = toolkit.interactiveMappingClaude;
// Available tools:
// - interactiveMappingClaude
// - interactiveMappingQwen
// - networkMapperGPT
// - networkMapperNextRay
// - parameterExtractor
// - sensitiveDisclosureClaude
// - sensitiveDisclosureQwen
// - userInputExtractor
// - validationExploitHelper
// Copy to clipboard, save to file, or integrate into your workflowPerfect for automation, CI/CD pipelines, or distributing tools programmatically!
- Extracting all interactive elements
- Detecting All User Inputs & check for reflection via (Body, Dom, sink)
- Extracting Parameters across the globe
- Debugging hidden behaviors
- Full-mapping user's functionality
- DOM manipulation & event listener inspection
- All Network flows and monitoring
- Detecting vulnerabilities (XSS, bypass, logic flaws, etc.) 9. Hunting hidden URLs & flows
- Experimenting with browser-native automation ---
1. Over 10+ custom tools already built, including:
2. Event Listener Tracker → Inspect and hook into dynamic event listeners.
3. DOM Manipulator → Live overwrite, inject, and trace DOM changes.
4. Hidden URL Detector → Surface hidden/obfuscated endpoints.
- Console Flow Logger → Stealthy dynamic logging with full trace.
6. Source Breakpoint Helper → Script-friendly breakpoint manager.
-
Obfuscation Mapper → Detect patterns & behaviors in obfuscated JS.
-
Payload Injector → Test sanitization & validation bypasses.
9. Session Explorer → Inspect storage, cookies, tokens in real time.
10. XHR/Fetch Interceptor → Hook into requests & responses dynamically.
- Bug Hunter Utilities → Advanced snippets for edge-case testing.
12. and more 🔥
- Zero Overhead: Pure vanilla JS—no libraries, no bloat.
- Cross-Browser: Tested on Chrome 100+, Firefox 70+, Safari 15+, Edge 100+.
- Extensible: Modular design—mix, match, or chain them for custom workflows.
- Community-Driven: Built from our shared dev war stories; evolve it with us!
- If you've ever muttered "There must be a better way..." while staring at a console, this is it.
DevConsole-Toolkit/
├── LICENSE
├── README.md
├── NPM_PUBLISH_GUIDE.md
├── package.json
├── index.js
├── .qodo/
└── src/
├── Interactive-Mapping/
│ ├── claude-flow.js
│ ├── claude-README.md
│ ├── Qwen-flow.js
│ └── README-User-Action-Flow-Analyzer.md
├── Network/
│ ├── GPT-NETWORK-MAPPER.js
│ ├── NextRay-DevTools-V2.js
│ ├── README-NETWORK-MAPPER.md
│ └── README-NextRay-V2.md
├── Parameter/
│ ├── 🧠-Universal-Parameter-Extractor-Client-Side.js
│ └── README.md
├── Sensitive-Disclousure/
│ ├── Claude-README-CRITICAL-FLAW-HUNTER.md
│ ├── Claude.js
│ ├── Qwen-Gold-README.md
│ └── Qwen-Gold.js
└── User-Input/
├── 🧠-Universal-User-Input-Extractor-Client-Side.js
├── Input-README.md
├── input.txt
├── NextRay-README.md
└── Validation&Exploit Helper-all‑in‑one Snippet.js
Location: src/Interactive-Mapping/
claude-flow.js- Interactive flow mapping for Claude AI integrationQwen-flow.js- Interactive flow mapping for Qwen AI models- README files - Detailed documentation for user action flow analysis
Usage: Copy and paste the JavaScript files directly into your browser console or DevTools snippets.
Location: src/Network/
GPT-NETWORK-MAPPER.js- Advanced network mapping and monitoringNextRay-DevTools-V2.js- Next-generation DevTools for network inspection- README files - Comprehensive guides for network mapping and NextRay usage
Usage: Load these scripts in your browser console to monitor and analyze network traffic in real-time.
Location: src/Parameter/
🧠-Universal-Parameter-Extractor-Client-Side.js- Extract parameters from any web application- README.md - Documentation for parameter extraction techniques
Usage: Run the extractor script in your browser console to automatically identify and extract all parameters from the current page.
Location: src/Sensitive-Disclousure/
Claude.js- Security analysis tool powered by Claude AIQwen-Gold.js- Advanced vulnerability detection using Qwen models- README files - Critical security documentation and flaw hunting guides
Usage: Use these tools to detect XSS vulnerabilities, logic flaws, and other security issues in web applications.
Location: src/User-Input/
🧠-Universal-User-Input-Extractor-Client-Side.js- Extract all user input fields and dataValidation&Exploit Helper-all‑in‑one Snippet.js- Comprehensive validation and exploit testinginput.txt- Sample input data for testing- README files - Guides for input analysis and NextRay integration
Usage: Deploy these scripts to analyze user inputs, test validation bypasses, and identify potential injection points.
- Navigate to the desired tool directory
- Copy the JavaScript file content
- Paste into browser DevTools Console or Snippets
- Execute and analyze the results
- Refer to accompanying README files for detailed usage instructions
1. Love it? Hate a bug? Got a killer snippet to add? I'm all ears (and code reviewers)! Fork the repo.
2. Create a feature branch (git checkout -b feature/amazing-new-tool).
-
Commit your changes (git commit -m "Add amazing new tool 🔥").
-
Push to the branch (git push origin feature/amazing-new-tool).
-
Open a Pull Request—describe your magic!