The Webview
Learn how to preview and debug web applications using Replit’s webview tool, including devtools, domain linking, and troubleshooting common issues.
The Webview is a specialized Tool for previewing and debugging your web application.
By default, when your Replit App exposes an HTTP server, the Webview will automatically open. If you don’t want this intrusive behavior, there is a setting to turn it off.
Domain Linking
Click on the Pencil icon on the right side of the URL bar to add a custom domain to your Replit App. For instructions on how to do this, see Connecting your domain to your Replit App.
Domain linking for development hosting will be deprecated on January 1st, 2024 and may not appear in the webview you for you, if you would like to deploy your app to a domain you own consider using production deployments. Read more about the transition in our blog post.
Devtools
Click on the Wrench icon to open the developer tools in the Webview. The Developer tools will allow you to see console logs, inspect elements, view network requests, and more.
FAQs
Why can’t I edit the URL in the webview?
The URL shown in the webview is read-only and points to the root route of your Replit App’s web output through the <iframe> HTML element. To test a different route, click the button on the far right to open your project’s web output in a new browser tab.
What’s the difference between the Webview and an Extension?
The Webview is a normal iframe whereas an Extension establishes a special handshake with the Replit workspace. Read more here.
Was this page helpful?