Skip to content

Internal Browser is a lightweight VS Code extension that allows you to preview HTML content within the editor using an internal browser panel. Choose from different screen sizes and enjoy auto-refresh functionality for an efficient development experience

Notifications You must be signed in to change notification settings

thehsansaeed/Internal-Browser

Repository files navigation

Internal Browser Extension for VS Code

This is a VS Code extension that allows you to view a live preview of your HTML content in an internal browser.

Features

  • View your HTML content in a webview panel within VS Code.
  • Choose from different screen sizes for previewing.
  • Auto-refresh functionality to keep the preview up to date.

Installation

  1. Launch Visual Studio Code.
  2. Go to the Extensions view by clicking on the square icon in the Sidebar or by pressing Ctrl+Shift+X.
  3. Search for "Internal Browser".
  4. Click on the Install button.
  5. Once installed, reload Visual Studio Code to activate the extension.

Usage

  1. Open an HTML file in Visual Studio Code.
  2. Press Ctrl+Shift+P to open the command palette.
  3. Type "Internal Browser: Activate" and press Enter.
  4. Choose a screen size from the dropdown menu.
  5. An internal browser panel will open, displaying the HTML content.
  6. The content will auto-refresh every 3 seconds.

Contributing

Contributions are welcome! Please fork the repository and submit a pull request with your improvements.

Developer

Ahsan Saeed

License

This project is licensed under the MIT License.

About

Internal Browser is a lightweight VS Code extension that allows you to preview HTML content within the editor using an internal browser panel. Choose from different screen sizes and enjoy auto-refresh functionality for an efficient development experience

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published