newbalancem5 / MobileView

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

Repository from Github https://github.comnewbalancem5/MobileViewRepository from Github https://github.comnewbalancem5/MobileView

MobileView for VS Code

MobileView provides a responsive mobile view for testing mobile view of your apps and websites directly in visual studio code.

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!

About

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


Languages

Language:CSS 52.3%Language:JavaScript 47.7%