Building for mobile comes with its own unique challenges, and debugging in real time is key to scaling confidently. We’ve overhauled the debugger specifically for native mobile apps to help you do exactly that — inspect your app, trace workflows, catch issues, and fine-tune layouts across devices without ever leaving the editor.
Inspector mode: Hover to view element properties, dynamic values, and conditions
Workflow debugging: Run workflows step-by-step or use action breakpoints to pause at a specific step to catch unexpected behavior early
Error and warning panel: Monitor runtime issues as they happen
Device previews: Quickly switch between screen sizes to test responsive layouts
Persistent debugger panel: Always visible alongside your app during web preview
With the debugger, you can build, test, and iterate — faster.
Get started with the mobile debugger
Open your mobile app in Web Preview from the Bubble editor.
Click the debugger symbol in the upper left corner of the web preview
The debugger panel appears on the right-hand side.
Interact with your app and use the debugger controls to inspect elements, run workflows, and monitor errors.
For more information, check out the updated section of the Bubble Manual.