logo
Comments are a great way to leave notes for yourself or other members of your team. You can add comments to the video, print statements, console logs, network requests, or a source.

Commenting on the video

Maybe you created a replay to record a bug so you can pass it onto someone else. Before you do, it would be nice if you annotated it β€” this way the next person knows what they're looking at.
To add comments on the video:
  1. Click on the area of the screenshot you’d like to add a comment. Your comment is pinned to both the screenshot area and the point in time in the reply.
      • If you need to change where you add the comment, simply click anywhere else in the screen. You’ll see a β€œMove the marker” tooltip when hovering on the video.
  1. In the Comments panel on the left side, add your comment.
  1. Hit Enter to save.
      • To cancel, simply navigate to a different point in time in the Viewer or to DevTools mode before saving the comment.
You can also reply to comments and edit or delete your own comments. You can also attach a Loom video to any comment by clicking the paper clip icon.

Adding a comment from a print statement

Click the blue comment button when the print statement panel is open to create a comment referencing that specific function. A link to the function will be added to the comment so others can easily jump to the line of code related to the comment.
Image without caption

Adding a comment to a console log

Commenting on console logs is an incredibly useful way for keeping track of executed code and adding context for others on your team.
Add a comment to a console log two ways:
  • Click the red Comment button on the console log itself.
  • Click the red comment icon in the Print Statement panel when the marker for the console log is selected.
Note: If the comment icon is blue in the Print Statement panel, this will add a comment referencing the line of code, not the specific console log. Make sure a marker is selected in the print statement timeline to add a comment for a console log.
Image without caption

Commenting on network requests

Click in to any network request to add a comment to that specific request. Once added, clicking on the comment will open the request in the Network Monitor.
Image without caption

Adding a comment on a source

You can add a comment to any line of code directly from the Editor. To get started, click on the number in the gutter of the source and click β€œAdd comment” on the pop-up. The line of code will be referenced directly in the comment so others can easily connect your comment to the source.

Helpful?