検査官
Kensakan

A Tool for Stepping through Javascript Code without the Browser's Inspector
- In Japanese "Kensakan" means the Inspector -

---

( Online Documentation | Github | npm Package )

You can change the code, and also toggle breakpoints by clicking on the gutter.
Use Start to begin debugging the code.
Use Step for stepping through and use Continue for going until the next breakpoint or end.

You can change the code, but toggling breakpoints and also highlighting the next line is deactivated because ace editor is not loaded (the row is written in the next step box).
Use Start to begin debugging the code.
Use Step for stepping through and use Continue for going until the next breakpoint or end.

var pre = document.getElementById("result");

function print(x) {
  pre.innerHTML+=x+"\n";
}

for(let j=0;
        j<10;
        j++) 
{
  print(j);
}

Start Step Continue

Next Step
Watched Variables

Print Output

Non-JSON objects like pre in this example are printed as {} here, but in the callback you can access the object itself.

And meanwhile, if you enjoy, please support this project by donating, Many Thanks!
Donate

Copyright (C) 2022 Arash Kazemi <contact.arash.kazemi@gmail.com>
(Kensakan project is subject to the terms of BSD-2-Clause License, for more information see the LICENSE file in the root directory of the project)