Explore a site / Written tutorial
Scan multiple viewport widths
Find width-specific results on a responsive fixture and inspect the selected width.
What you will get
You will see which configured widths passed or failed and which findings belong to each width.
Follow these steps
Open the responsive demo page and the extension side panel on that tab.
Enable Multi-viewport in Scan and choose two or more widths that you want to compare.
Run the scan. The extension resizes the browser window for each width, measures the page, and restores the original window afterward.
Select each completed width in Results. Compare the affected elements and any width-specific findings.
Export JSON for a record containing every width. Check the status of a failed or cancelled width before drawing conclusions.
Check your result
- Are the measured widths the ones you selected?
- Does each finding stay attached to its width?
- Was the original browser window restored?