Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Web URL PreviewNew to Visual Studio Code? Get it now.
Web URL Preview

Web URL Preview

Bisho Silwal

|
5 installs
| (0) | Free
Open and preview any URL, including localhost, inside a VS Code tab.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🌐 Web URL Preview — VS Code Extension

Open and preview any website or local development server (e.g., localhost:3000) directly inside Visual Studio Code using a simple command.

Web URL Preview Demo


🚀 Features

  • 📡 Preview any URL (including http, https, and localhost)
  • 🧪 Perfect for testing local dev servers without leaving your IDE
  • 🗂 Supports opening multiple tabs
  • 🔐 Secure sandboxed iframe environment
  • 🧘 Minimal, focused experience with no unnecessary bloat

🛠 Usage

  1. Open Command Palette: Cmd + Shift + P or Ctrl + Shift + P
  2. Type: Open Web URL Preview
  3. Enter any URL, e.g.:
    • https://example.com
    • http://localhost:3000

A new VS Code tab will open and render the page inside an iframe.


📦 Installation

From Marketplace (coming soon):

# After publishing:
code --install-extension bishosilwal.web-url-preview
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft