Overview Version History Q & A Rating & Review
Open any HTML file with Live Server + Microsoft Edge DevTools — so your page loads at http://localhost:PORT/... instead of file://, with full DevTools support right inside VS Code.
Requirements
Both of these extensions must be installed:
Usage
Right-click any .html file in the Explorer or editor and choose:
Open with Live Server + Edge DevTools — opens Edge DevTools panel at http://localhost:<port>/your-file.htmlOpen Screencast with Live Server + Edge DevTools — same but opens the Screencast (mobile/device emulation) panel
The extension will:
Start Live Server automatically (if it isn't running already)
Wait until the server is ready
Open Edge DevTools pointed at http://localhost:<port>/your-file.html
Settings
Setting
Default
Description
liveEdgeDevtools.liveServerPort0Override the Live Server port. Set to 0 to auto-read from Live Server's own settings (recommended).
liveEdgeDevtools.startLiveServerDelay1500Milliseconds to wait after starting Live Server before connecting. Increase if Edge connects too fast.
liveEdgeDevtools.openModedevtoolsdevtools, screencast, or ask — determines which panel opens.
How it works
This extension is a thin orchestrator:
Reads the Live Server port from liveServer.settings.port (or your override)
Computes the http://localhost:<port>/relative/path/to/file.html URL from the file's workspace-relative path
Calls extension.liveServer.goOnline to start Live Server
Polls localhost:<port> until the server responds
Calls vscode-edge-devtools.launch with { launchUrl } — exactly the same as if you typed the URL in manually
Building from source
npm install
npm run compile
# or to watch:
npm run watch
To package as a .vsix:
npm run package
