On the Advanced tab for Real Browser checks we’ll find a setting labeled Viewport Size.
The viewport is the framed area on a device’s screen for viewing information. By default Rigor checks run from a default desktop viewport. The default viewport are different for for Real Browser Checks v3 (RBCv3) and Real Browser Checks v2 (RBCv2) and are as follows (measurements are in pixels):
- RBCv3 -
1920 x 1129
- RBCv2 -
1280 x 917
We can customize the viewport to any width less than than the default to monitor the performance of mobile or responsive web sites:
Once a custom viewport is set, Rigor will apply the viewport size to the browser when running the check. We’ll see the custom viewports applied when reviewing test check preview screenshots or alert screenshots:
We can also use the Check Information button on any Real Browser check to see whether a custom Viewport Size is applied:
Note: Custom viewports are most relevant for monitoring responsive websites or sites that serve a mobile-friendly design based on the viewport size; if we want to monitor a mobile site that has a unique URL, we will need to specify that URL on the Basic tab.