Browser Panel
The Browser panel provides an embedded browser for viewing your running application directly within The Terminal. It’s not a full-featured browser — it’s optimized for developers previewing web applications during development.
Features
Section titled “Features”- Embedded web view — view your running app without leaving The Terminal
- DevTools targeting — inspect and debug directly from the panel
- URL tracking — automatically detects and displays the current URL
- Refresh control — reload the page or clear cache
The Browser panel is designed to work alongside the Terminal panel. When you start a development server in a Terminal panel (e.g., npm run dev), the Browser panel can display it.
Opening DevTools
Section titled “Opening DevTools”Right-click in the Browser panel to access developer tools:
- Inspect Element — open DevTools Elements panel
- Console — view JavaScript console output
- Network — monitor network requests
URL Display
Section titled “URL Display”The Browser panel header shows the current URL. This is particularly useful when:
- Working with multi-page applications
- Using dynamic URLs with routing
- Testing authentication flows
Limitations
Section titled “Limitations”The Browser panel is optimized for development preview. Some features may not be available:
- Extensions — browser extensions are not supported
- Multiple tabs — only one page at a time
- PDF viewing — PDFs open in the system viewer
Keyboard Shortcuts
Section titled “Keyboard Shortcuts”| Shortcut | Action |
|---|---|
| Cmd/Ctrl + R | Refresh page |
| Cmd/Ctrl + Shift + R | Hard refresh (clear cache) |
| Cmd/Ctrl + / | Filter/command palette |
Next Steps
Section titled “Next Steps”- Terminal Panel — run your dev server
- Canvas Panel — visual debugging
- Observability Panel — logs and metrics