Change Screen Size

Switching device sizes helps you test your website across different devices, ensuring it works well for all users. It simplifies the process of testing your website across different screens, providing clear feedback and enhancing collaboration. For more information on Heurio's features, visit our website.

How it Works

1. Select a Default Device Size:

   • After activating the Heurio extension, you can choose from various device sizes, such as desktop, tablet, or mobile. This allows you to see how the website appears and functions on different screens.

   • Use the device dropdown menu in the top right corner to make your selection.

2. Manual Resizing:

   • You can also manually resize your browser window to a custom size, giving you more flexibility to test at different resolutions.

3. Device Information:

   • Heurio stores the screen size at the time each heurio is created. This information can later be found under the "Device Info" section, providing valuable context for your team.

Selecting a default device size in the Heurio extension

Why This Matters

1. Cross-Device Testing:

   • Testing your website on various devices helps identify and fix issues early, ensuring it looks and functions as intended across all screens.

2. Contextual Feedback:

   • Stored device information allows team members to understand the context of each comment, making feedback clearer and easier to act on.

3. Consistent User Experience:

   • By evaluating your website across devices, you can ensure it delivers a smooth and intuitive experience to all users.