Visual Studio 2017 Html Previewer

I'm coding on VS2017 using HTML and I am looking for a way to see my website change as I code - a live previewer. I know there is one for VS Code: https://marketplace.visualstudio.

Solution 1:

By default, the "preview" is simply running the page which you can do by right clicking on it (either the code or the listing in the solution explorer) and selecting "View in Browser". It'll open the file in a browser. My common method then of seeing changes quickly has been to just keep refreshing when I save changes. The good thing is that it'll be a really accurate portrayal of how the given browser will render what you just did. No need to worry about whether the previewer is good enough.

But I found your question when I was looking for ways to preview how a page will look on a mobile device. In case there's a listing on the page I found that might help you further, Microsoft has this page...

https://docs.microsoft.com/en-us/aspnet/mobile/device-simulators

In case the link breaks, you might find the article again with the title: "Simulate Popular Mobile Devices for Testing".

Solution 2:

I've recently released HTML 11 extension for Visual Studio 2017/2019 to quickly preview html files as you code: