Debugging Panel
The tabbed panel docked on the right side in Sizzy. It contains a bunch of useful tabs with tools that will help you with debugging your website.
Changelog
Custom tabs in Debugging Panel
The Debugging Panel comes with a lot of useful tabs out of the box, but you can also add custom tabs for some tools that you want easy access to, like: - Storybook - GraphQL Playground - Prisma Studio…
Customize Debugging Panel
You can right-click any tab in the Debugging Panel in order to hide it. The hidden tabs are still accessible through <Feature slug="butler" Butler</Feature, and they can be opened in a dialog. You can…
Undock Debugging Panel as a separate window
We renamed the "Docked Panel" to "Debugging Panel" because now it can be opened as a separate window.
Easily view the page source in the Docked Panel
The source will be updated live when your page is updated. You're also able to easily search it with on macOS or on Windows and Linux.
Automatically position docked panel
Wouldn't it be nice if the Docked Panel (Console & DevTools) automatically moved to the bottom if the window is too small? Of course, this is optional, and you can toggle the behaviour off in . You ca…
New Debugging Panel
Missed the docked Sizzy Console with all of its filters and settings? Good news: the Docked DevTools are transforming into a dedicated panel for debugging everything. The Docked Panel includes the fol…
