Viewport Tester
Dev tools
responsive design testing
SHOW HN2024
Viewport Tester
Test your website on 180+ device viewports (with multi-device mode)
viewport-tester.com#responsive testing#viewport tester#device viewports#frontend testing
How HN took it
5 positive, 6 neutral or asking, 0 mixed, 11 critical, out of 22 comments about the project. Thread score -0.18.
Execution: 0 for, 8 againstDesign: 1 for, 1 againstIdea: 0 for, 1 againstPricing: 0 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Multi-device view at once is impressive
From 1 comment
Thank you for creating this! Impressed by multi-devices at once. Looking forward to seeing how this evolves!
Dev_Olly on HN
Useful for testing responsive layouts
From 2 comments
Thanks. Very useful app.
jeswin on HNThis is brilliant. Thanks for building it.
SBArbeit on HN
Objections
Does not work on mobile Safari or mobile browsers, showing a 'Mobile version not available' modal
From 3 comments
I am getting a "Mobile version not available" modal that wont go away on its own on desktop. I can trick it by making my browser full screen, refreshing, then resizing it back to…
lbhdc on HNMobile Safari set to "always show desktop version" still triggers this modal. Edit: even if you click "Request mobile version", the modal is there
troupo on HN"Mobile version not available" popup that cannot be closed is such an irony. Next time, test your website with a viewport tester :)
ivanjermakov on HN
Broken rendering on some sites and CORS errors loading static assets
From 2 comments
Something doesnt seem right. This website loads fine on Chrome's inspector design previews, but looks broken here: https://viewport-tester.com/?url=https%3A%2F%2Fespncricinfo.com
throwaway481 on HNGetting some CORS errors. E.g. https://www.gnome.org/ fails to load fontawesome icons. And there's an interesting bug where opening mobile menu loads a page.
butz on HN
Viewports ignore browser and device address and bottom bars
From 2 comments
Are the viewports sized with or without browser chrome, like the address bar and bottom bar?
doctorpangloss on HNGreat question! Right now, it doesn't take into consideration the browser or device address/bottom bars. We documented that here:…
onassar on HN
Requests
Toggle browser address and bottom bars to simulate real scrolling
From 2 comments
If I could toggle between different states of the top/bottom bars I would use this tool every day.
retrofuturism on HNHaha funny analogy. What you and @alwa said makes sense: thanks for sharing that. It's related to Caveat #1 I mentioned above, but I like the idea of being able to toggle on/off…
onassar on HN
Portrait and landscape modes
From 2 comments
I am not the person who originally asked for this, but I’d want to scan my eyes over conditions: * with and without the keyboard focused, * in each of the preference states (e.g.…
alwa on HNThanks for this @alwa. It definitely helped me better understand the question. I commented below @doctorpangloss but agreed: portrait/landscape mode are vital, and that's already…
onassar on HN
Support for mobile Safari and mobile devices
From 1 comment
That’s not a bug. Thats a feature. When I request desktop view in my iphone, it should just treat me as a desktop user. I know its buggy. I know its a horrible experience but I…
altdataseller on HN
Questions
Are viewports sized with or without browser chrome?
From 1 comment
Are the viewports sized with or without browser chrome, like the address bar and bottom bar?
doctorpangloss on HN
Can the viewport list be exported to Chrome DevTools?
From 1 comment
DevTools has a list of default viewport sizes, but they change from browser release to release. Is there a better way or an existing [YAML] file schema to generate a list of…
westurner on HN
Alternatives named
Responsively app
From 1 comment
This reminded me of a very similar one but for the desktop from a few years back. Here you go; https://responsively.app Source at…
Brajeshwar on HN
Email On Acid device preview
From 1 comment
could this be a replacement for emailonacid's device viewport preview feature?
clueless on HN
Chrome DevTools device mode
From 2 comments
Something doesnt seem right. This website loads fine on Chrome's inspector design previews, but looks broken here: https://viewport-tester.com/?url=https%3A%2F%2Fespncricinfo.com
throwaway481 on HNshot-scraper is a CLI tool for HTML render snapshots with --height --width and --scale-factor (--retina ~= --scale-factor=2.0) args, and a -j/--javascript option to run JS before…
westurner on HN
shot-scraper and Playwright
From 1 comment
shot-scraper is a CLI tool for HTML render snapshots with --height --width and --scale-factor (--retina ~= --scale-factor=2.0) args, and a -j/--javascript option to run JS before…
westurner on HN