MobileView icon indicating copy to clipboard operation
MobileView copied to clipboard

MobileView is a VS-Code extension that opens a responsive mobile view for testing your apps and websites directly form vs code.

MobileView for VS Code

120K Downloads

MobileView provides a responsive mobile view for testing mobile view of your apps and websites directly in visual studio code. Currently being used by over 80,000 developers.

MobileView MobileView

Features

MobileView can view projects running on local server and remote urls. You can view your project on a iPhone X screen. You can change frame from white to dark. You can hard reload

Getting Started

You can download MobileView from the VSCode Marketplace.

Once you have it, you should see something similar to this:

mobileview UI

You can click on the "phone" icon in the left sibebar tray. Once you have done that, you will see a menu open, then click on "Start MobileView" from the menu. You'll now see a text input box open

mobileview UI

Enter the url to your project and press "Enter".

Please make sure you provide the protocal (http or https). For example: "http://localhost:3000" or "https://google.com"

Release Notes

This is v0.0.6

To Do

  • Add more phone screens
  • Add screenshot functionality
  • Add screen recored functionlity

About Me

twitter @cirlorm_io github champ3oy website cirlorm.dev

Enjoy!