How to Debug Lively (in Chrome)
The goal is to insert 'debugger' statements into your lively functions and then land in the Chrome Javascript console. There you can see the call stack, your variables, and the code.
In Chrome, choose View > Developer > Javascript Console In the new console window, Choose Sources from the button bar at the top. Add a Javascript console at the by clicking second button from the bottom right. It has this icon.
Breakpoints must be enabled, and also stop-on-errors. The debugger control bar should look like this. Last item is "pause on exceptions" and next to last shows that "breakpoints are active".
There is also something that you must do in your Lively world. From the World Menu > Debugging, de-activate Advanced Syntax Highlighting. It should appear with an empty checkbox [ ] beside it.
Add a Debugger statement to any Lively Javascript function. Run it, and you will stop inside the console. There you can see the call stack, your variables, and the code.
...
...
This page is http://lively-web.org/users/TedKaehler/QuickHelp-Chrome-debug.html