Live Web Preview & Responsive Testing
Real-time hot-reloading preview with responsive device breakpoints and console debugging.
The Live Web Preview panel displays your application running in real time as you build.
In-Browser Compilation
BhaiCode uses an in-browser WebAssembly compiler:
- Sub-Second HMR: Preview updates within milliseconds after code changes.
- State Preservation: Forms, tabs, and client route states persist across code refreshes.
Responsive Device Breakpoints
Toggle device viewports with a single click in the hotbar:
| Viewport | Width | Target Device |
|---|---|---|
| Mobile | 375px |
Phone (iPhone / Pixel) |
| Tablet | 768px |
Tablet (iPad / Galaxy Tab) |
| Desktop | 100% |
Full desktop window |
Pop-Out & Debugging
- Pop-out Window (
↗): Open your running app in a standalone browser tab. - Live Console: Toggle the bottom drawer to view
console.log, runtime warnings, and exceptions. If an uncaught error occurs, a one-click "Fix with Bhai" prompt lets the AI diagnose and resolve the issue immediately.