Built in Browser

VybeCoding's built in browser with web console, access dev servers on remote machines through port forwarding, inspect and debug web apps from your iPhone.

VybeCoding includes a built in web browser with a developer console, designed for accessing web applications running on your remote servers. When you have a dev server running on a remote machine, a Next.js app on port 3000, a Django server on port 8000, or an API on port 5000, the built in browser lets you view and interact with it directly from VybeCoding without switching to Safari or Chrome. Combined with SSH port forwarding, you can access services that are only listening on localhost on the remote machine.

Opening the Browser

Access the built in browser from the sidebar while connected to a server. Enter the URL of the web application you want to view. If the server is running on the remote machine's public IP, enter that IP and port directly. If the service is only listening on localhost on the remote machine (which is the common and secure default for development servers), you will need port forwarding to access it from your phone.

Port Forwarding

SSH port forwarding tunnels a port from the remote machine to your local device. In VybeCoding, you can set up a local port forward that makes a remote service available as if it were running on your phone. For example, if your dev server runs on port 3000 on the remote machine, a port forward maps remote localhost:3000 to local localhost:3000 on your iPhone. Then you open http://localhost:3000 in the built in browser and see your app.

infoVybeCoding handles port forwarding configuration through its UI, you do not need to type SSH flags manually. Set up forwards in the server's connection settings, and they activate automatically when you connect.

bash

# Standard SSH port forwarding (command-line equivalent)
# Forward remote localhost:3000 to local port 3000
ssh -L 3000:localhost:3000 user@your-server

# In VybeCoding, configure this in the port forwarding settings
# for the server, or use the quick-forward option in the browser panel

Web Console

The built in browser includes a web console that shows JavaScript logs, errors, and network requests, similar to the browser developer tools you use on a desktop. Open the console from the toolbar to see console.log output, JavaScript errors, and basic network activity. This is invaluable for debugging web applications remotely. If your React app is throwing an error, you can see the stack trace right on your phone without needing a desktop browser.

Debugging Workflow

A typical debugging workflow with the built in browser looks like this: connect to your server in VybeCoding, start your dev server in a terminal tab (npm run dev, python manage.py runserver, or whatever you use), open the built in browser and navigate to the forwarded port, interact with your app and check the console for errors, switch back to the terminal tab to check server-side logs or make code changes, and refresh the browser to see updates. The ability to switch between terminal and browser tabs without leaving VybeCoding makes this workflow smooth on a phone.

tipKeep your dev server in one terminal tab and a shell for git or code editing in another. The built in browser is a third view, and you can switch between all three with tab gestures. This gives you a complete development environment on your iPhone.

Limitations

The built in browser is based on WKWebView, which means it supports modern web standards but does not have the full Chrome or Safari DevTools experience. It is best suited for viewing and basic debugging of web applications, not for heavy frontend development. Complex browser DevTools features like the CSS inspector, performance profiler, and network waterfall are not available. For those tasks, use a desktop browser. The built in browser is designed for quick checks, live previews, and basic debugging when you are away from your desk.