Breakpoints in Replay work like breakpoints in other debugging tools, but with some extra insights and usability features.

With Replay you can easily navigate between breakpoints, track and update all breakpoints in your code, and view helpful details like the call stack and scopes for each line. You can also step through your code and see the replay video and console change to represent your application at that moment in time.

Parabola - 9 January 2022.mp4

Adding a breakpoint

Clicking in the gutter to add and remove breakpoints. All existing breakpoints are listed in the Breakpoints pane in the Pause Information panel.

Adding a breakpoint automatically opens the panel, or click the pause icon in the left sidebar to toggle the view.

You can also click the x icon on any existing breakpoint in the Breakpoints pane to remove it.

Screen Shot 2022-01-25 at 11.21.36 AM.png

Navigating between breakpoints

Click resume and rewind in the Pause Information panel to go to the next or previous breakpoint.

Screen Shot 2022-01-09 at 8.40.42 PM.png

Stepping forward and backwards

Click step forward or backwards to go to the next or previous expression.