Adds a custom tab on Chrome Developers Tools to help inspect and debug Problem Details responses.
Problem Details Inspector Extension
Problem Details Inspector is a must-have DevTools extension for developers working with APIs that return HTTP Problem Details responses. This extension enhances your debugging workflow by providing a dedicated tab in the Chrome Developer Tools where you can easily inspect and analyze responses in the application/problem+json format.
When you encounter structured error responses from an API, Problem Details Inspector steps in to make debugging simple and efficient. It captures responses automatically and presents the data in an organized and interactive interface. You'll see all the critical fields, such as type, title, status, detail, and instance, laid out clearly to help you quickly identify and resolve issues.
Beyond the basics, the extension makes error validation effortless with a table that highlights errors in a user-friendly format. Nested metadata and debugging information are also parsed and displayed intuitively, saving you the hassle of combing through raw JSON data. The sleek, responsive UI adapts to both light and dark mode, ensuring a seamless experience regardless of your preferences.
Problem Details Inspector is perfect for developers, QA teams, and anyone working with APIs who need to dive deep into structured error responses without disrupting their workflow. Whether you're building APIs or debugging interactions, this tool is designed to streamline the process and keep you focused on what matters: solving problems efficiently.
Read more
When you encounter structured error responses from an API, Problem Details Inspector steps in to make debugging simple and efficient. It captures responses automatically and presents the data in an organized and interactive interface. You'll see all the critical fields, such as type, title, status, detail, and instance, laid out clearly to help you quickly identify and resolve issues.
Beyond the basics, the extension makes error validation effortless with a table that highlights errors in a user-friendly format. Nested metadata and debugging information are also parsed and displayed intuitively, saving you the hassle of combing through raw JSON data. The sleek, responsive UI adapts to both light and dark mode, ensuring a seamless experience regardless of your preferences.
Problem Details Inspector is perfect for developers, QA teams, and anyone working with APIs who need to dive deep into structured error responses without disrupting their workflow. Whether you're building APIs or debugging interactions, this tool is designed to streamline the process and keep you focused on what matters: solving problems efficiently.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Problem Details Inspector", "description": "Adds a custom tab on Chrome Developers Tools to help inspect and debug Problem Details responses.", "version": "1.0", "version_name": "1.0.0", "manifest_version": 3, "devtools_page": "devtools.html", "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }}
Read more