logo
Image without caption
Focus Mode lets you specify a region for your debugging. Setting the focused region filters information like hit counts, network requests, and comments to only the focused region.
Click the Edit Focus icon to the right of the timeline to start Focus Mode.
There are three ways to specify the focus region:
  1. Adjust the draggable handlebars to the left and right of the timeline
  1. Click and drag the blue highlighted portion on the timeline
  1. Use the timestamp input fields in the timeline next to the Focus Mode icon
You can also create a Focus Mode start or end point by right-clicking a log in the console.
Image without caption
πŸ’‘
You can still navigate while in Edit Focus mode to verify what the video looks like while at a particular pause point, and the viewer will update as you adjust the focus region.
  1. Once you're satisfied with your changes, click Save.
  1. You can click β€œDiscard Changes” or anywhere outside the modal or timeline to abandon updating the focus region.
Notes:
  • Focus Mode makes the replay DevTools behave as if you've cropped it. This means that information and comments will be filtered down to your focused region and you can't navigate outside of the focused region.
  • The console will indicate how many logs are outside your current focus window.
Image without caption
  • Comments outside of the focus region will be dimmed and disabled.
  • You can still click outside the focus region in the timeline and playback the Viewer from a point outside the focus region.
  • Your focused region is temporary. It resets when you refresh the replay, and is not shared with other viewers of the replay when you share the replay with them.

Helpful?
SHARE