Javascript - Debugger


Debugger in Javascript

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


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;
  • the devtool should stop at the line where the debugger word below is.

Javascript Debugger Keyword In Devtool


via the Chrome debugger protocol


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