A VSCode extension to host the chrome devtools inside of a webview.
Attaching to a running chrome instance:
Launching a 'debugger for chrome' project and using screencast:
Using the extension
Launching as a Debugger
You can launch the Chrome DevTools hosted in VS Code like you would a debugger, by using a launch.json config file. However, the Chrome DevTools aren't a debugger and any breakpoints set in VS Code won't be hit, you can of course use the script debugger in Chrome DevTools.
To do this in your launch.json add a new debug config with two parameters.
type - The name of the debugger which must be devtools-for-chrome. Required.
url - The url to launch Chrome at. Optional.
file - The local file path to launch Chrome at. Optional.
request - Whether a new tab in Chrome should be opened launch or to use an exsisting tab attach matched on URL. Optional.
name - A friendly name to show in the VS Code UI. Required.