InspectBetter is a unified developer workspace designed to streamline web page inspection, debugging, API testing, and user flow recording. It consolidates common development workflows into a single, modern interface, eliminating the need to switch between multiple DevTools panels and separate utilities.
API Testing: Send and debug API requests directly within the browser. Features include creating requests with parameters, headers, and bodies; validating responses; extracting and reusing response values; generating request code for various languages (cURL, JavaScript, Python, Node.js); formatting JSON data; and re-running requests from local history. It also supports importing API definitions.
Element Inspector: Provides a simplified interface for inspecting DOM elements and computed styles. Users can easily copy CSS selectors, HTML, and styling information, highlight elements on the page, and review layout details. It is designed to work with dynamically updated applications built with React, Vue, and JavaScript.
Network Activity: Allows users to review network requests generated by the current page, filter by resource type, inspect headers, and review payload size, duration, status, and timing. Captured requests can be opened directly in the API tester for further analysis and comparison.
User Flow Recording: Enables the recording of debugging sessions and user interactions, including clicks, text input, navigation events, network activity, and console messages. These recorded flows can be exported for debugging, QA, documentation, and issue reporting.
Visual Comparison: Offers the ability to capture a page or element and compare it against a baseline, helping to identify unexpected changes in layout or styling during development.
Developer Utilities: Includes lightweight utilities for handling common developer data formats and debugging tasks. A command palette provides quick keyboard access to various tools, page resources, network activity, storage data, and inspected elements.
Privacy Focused: Designed to operate locally within the browser with no analytics, telemetry, external processing servers, or background tracking. All page data and debugging information remain on the user's device.
Keyboard Shortcuts: Offers convenient shortcuts for common actions like sending API requests (Ctrl+Enter/Cmd+Enter), opening the command palette (Ctrl+K/Cmd+K), and searching page resources (Ctrl+P/Cmd+P).