Skip to content

A Visual Studio extensions that provides the HTML editor an area where it shows a preview of your HTML page

License

Notifications You must be signed in to change notification settings

ramon-mendes/HtmlView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Download it at VS Marketplace

A Visual Studio extensions that provides to the HTML editor an area where it shows a preview of your HTML page. Essentially it is a Chrome based browser inside Visual Studio showing your HTML page. Internally it uses on CEFSharp.

Features

  • CTRL+SHIFT+CLICK any element to inspect it
  • JS method to check if you viewing your HTML inside HtmlView: HtmlView.active == true
  • Chrome DevTools (shortcut: F12)
  • Console area shows any log output (errors or console.log() calls)

How to use

  • previewer by default is always OFF for all .HTML files
  • you must enable it in a per-file basis; to do it add the following line at the start of your HTML and save the file:

<!-- HtmlView:on -->

  • it is always ON for files named 'unittest.html'
  • you can toggle the previewer by simply setting it to off (or just remove the first line) and save the file:

<!-- HtmlView:off -->

  • you can make the console area always visible:

<!-- HtmlView:on, console:on -->

About

A Visual Studio extensions that provides the HTML editor an area where it shows a preview of your HTML page

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published