Javascript - Debugger

About

Debugger in Javascript

The debugger needs to be able to access the source map file in order to stop to breakpoint

List

Browser debugger

In the debugger window, you can set breakpoints in the JavaScript code.

Debugger keyword

If you put the debugger keyword in a script and that you open the devtool, browser debugger will show up.

  • On chrome, tip F12 to open devtool
  • Then tip F5 to refresh the page, the debugger should kickoff.
function toDebug(){
   let i = 1;
   debugger;
}
toDebug();
  • the devtool should stop at the line where the debugger word below is.

Javascript Debugger Keyword In Devtool

Remotely

via the Chrome debugger protocol

Node

https://nodejs.org/api/debugger.html#debugger_v8_inspector_integration_for_node_js





Discover More
Chrome Breakpoint
How to work with the Javascript Browser debugger (Chrome, Firefox, ...)

This article talks about the Javascript debugger present in the browser and shows you how to use it.
Javascript - (Debug|Diagnostic)

in Javascript The debugger keyword stops the execution of JavaScript, and calls (if available) the debugging function If no debugging is available, the debugger statement has no effect. Example:...
Vscode Source Map Pb
Javascript - Source Map (Map File)

A source map provides a mapping between the original and the build source code. The bundler that combined/minified the source code creates the source map debug session The location coordinates are by...



Share this page:
Follow us:
Task Runner