Check out this Replay showing off some of the console functionality!

Viewing exceptions

Replay can display all exceptions thrown during the recording. You can add exceptions to the console by clicking the settings cog on the top right of the panel (screenshot below) and then you'll be able to read through the exceptions. You can also hover over one and click the button to rewind back to when that exception was thrown and pause there.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/40951062-8719-4d6b-99f0-ffe71427a2f9/Screen_Shot_2021-04-25_at_7.03.25_AM.png

Viewing additional console levels (Errors, Warnings, Info)

By default, Replay will show JavaScript errors and console.log's. However, you can enable a lot more information by clicking on the settings cog in the top right. You can have Replay display all application exceptions, warnings, console.info's, and debug information by toggling them on and off.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/090d948d-c5f9-48bb-b90e-71ca63764382/Screen_Shot_2021-04-25_at_7.03.36_AM.png

Viewing log timestamps

Timestamps can be helpful when viewing the console tab. They can show you how much time elapsed between events or errors. They can also take up precious room while you're trying to read error messages! That's why Repay allows you to toggle them on and off via the settings cog.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bbff46cd-213c-40ee-894f-13f3dc2718dc/Screen_Shot_2021-04-25_at_7.03.46_AM.png

Displaying Events

Replay can also display a timeline of all events that took place during the recording. Every mouse click and every keyboard press! This can be used to track down event handling code in the application. It can also be helpful for spotting bugs or errors that occur directly after a user event. To enable or configure them click the events button next to the settings cog.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/3359bd1f-e34b-4b53-a15b-816eaf1c56ff/Screen_Shot_2021-07-06_at_12.20.42_PM.png

Replay events - Simple mode

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4aa1d3f4-42b2-4fe9-bdc9-1ed1791358f1/Screen_Shot_2021-07-06_at_4.59.36_PM.png

In simple mode, Replay allows you to toggle Mouse and Keyboard events. Each of these is a category of events in reality.

Replay events - Advanced mode

If you're looking for events not listed above, or just want more granularity, the Advanced tab lets you pick and choose any browser events that you want to display.