In this video tutorial, I will show you how to resize Google Chrome for different screen resolutions.
How to change Google Chrome screen size for website testing
When building a new website it is important to test the responsive elements of your website design for different screen resolutions.
You can manually resize a web browser screen, but this is not the most accurate method.
To make your life a little easier, you can simply download and install the Window Resizer Chrome extension.
It is worth noting that you should also manually test your website on physical mobile and tablet devices if possible.
Resize web browser screen Tutorial
Resize Google Chrome FAQs
Can I resize Google Chrome to common screen resolutions?
After installing the plugin, you will have a dropdown menu that contains all the common screen resolutions:
- 320×568 – Mobile
- 375 x 667 – mobile
- 1024 x 768 – Tablet
- 1440 x 900 – Laptop
- 1680 x 1050 – Desktop
- 1920 x 1080 – Desktop
- 2560 x 1440 – Desktop
You can also set custom resolutions for ultra-widescreen monitor resolutions.
Should I test responsive websites using a mobile phone and tablet?
It is important that you fully test your website on a mobile device or tablet device if possible. Resizing the web browser’s screen on your desktop computer or laptop is a good method to quickly find layout issues and fix them.
Should I check all pages on my responsive website for device compatibility?
I would recommend creating a single page on your website first, then you can test on different resolutions and devices, and fix any issues found. You can then use the content from the home page as a guide for other pages which will result in fewer errors.
