from projects
Dev Inspector
Dev Inspector is a lightweight and modern in-page mini DevTools panel that embeds directly into your web application.
Dev Inspector is a lightweight and modern in-page DevTools panel that embeds directly into your web application. It allows you to inspect console and network activity in real time, helping you analyze user-side issues without opening browser DevTools.
- Console log takibi (log/info/warn/error/debug)
- Network monitoring (Fetch + XHR, status codes, response bodies)
- Panel UI – tabs, counters, severity/status color coding
- Ultra-lightweight ~65kb (unpacked)
Installation
After installation, a panel is automatically injected into your page and all logs start flowing into it immediately. No additional configuration is required.
Production Notice
This tool is designed for development and testing environments. Displaying it to end users in production is generally unnecessary and not recommended.
Ideal Use Cases
This tool is ideal for:
- Debugging issues reported by users without asking them to open DevTools
- Monitoring console and network behavior in staging or QA environments
- Lightweight in-app debugging for demos, previews, or internal tools
- Capturing runtime issues in environments where DevTools access is limited
Dev Inspector is open source and includes all necessary templates and guidelines for developers who want to contribute.