What is the best way to test a webpage on higher resolution than your current screen's resolutions?

In Chrome browser:

  1. Press F12. This will open DevTools.

  2. Click a settings icon in the lower right corner. This will open DevTools Settings.

  3. Go to Overrides on the left menu.

  4. Check Enable and Device metrics.

  5. Type in the Screen resolution

I always use it, it's really convenient.


If you hit Ctrl+Shift+M in recent versions of Firefox, you'll enter Responsive Design View, which can resize the browser viewport to be larger than the actual screen size. You can also take screenshots and simulate touch events from FF 26 onwards.

Screenshot of RDV
Click for full size

You might find it easier to resize after you make the window smaller - you can drag the sizers further in one go. Or just enter a custom preset from the dropdown.


You can try this website it let you test your web page with any screen resolution it let you choose from a preset resolutions or enter your custom resolution. hope you find these lines helpful.