Tati

A Javascript Debugger without Using the Built-in Runtime Inspector
- "Tati" means "Toddle" -
Documentation Home | Class Docs | Github | npm Package
Simple Demo | Worker Demo | Dual Debuggers

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 (Check your internet connection!)
Use Start to begin debugging the code.
Use Step for Stepping through and use Continue for going until the next breakpoint or end.

function print(x) {
	// Note that `reports` is defined as an array in the context, and
	// is changed in the worker, but rendered in the main thread.
	// See the class documentation for more (Tati.setContext).
	// Also note that rendering the outputs will be done only on
	// steps, breakpoints, and when paused, i.e. when the step_callback
	// is called.

	reports.push(x);
}

for(let j=0;
				j<=100000;
				j++) 
{
	if(j%10000==0)
		print(j);
}
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.

Copyright (C) 2022-2023 Arash Kazemi <contact.arash.kazemi@gmail.com>
(Tati 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)