Page Debug Mode

There have been times that I’d like to “Step” through changes on the page that can’t be stepped through using the console, like a snippet can be.

It would be great if the page could be set to debug mode with options on what to pause on. Such as Action Framework (All or Selected), Model Changes (All or Selected), Conditions (Model and/or Component) and/or Field), etc

Then when running the page, it would Block the UI with a informative message with Continue and Stop buttons.

Then one can investigate further at the appropriate time in the series of changes what is going on in the page. 

Was just going to post this as an idea!

To add to this, I’d like to see options available to console.log different types of events.

  • component rendering
  • snippet run
  • action sequence run
  • query
  • save