Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Test your website on 180+ device viewports (with multi-device mode)

viewport-tester.com

Post reply on HN
Print view View original

1–10 of 53 posts

Show HN: Test your website on 180+ device viewports (with multi-device mode)

#1

Post by onassar »

Hey HN! We do a lot of frontend testing, and one thing we find frustrating is the limited tooling available to observe how a URL renders on different viewports/devices simultaneously.

For example, we can use Chrome Inspector's "Device" previews, but we run into the following:

- Chrome doesn't keep those devices/viewports up to date, and adding new ones is pretty annoying (we've open sourced our collection of 180+ viewports/dimensions under MIT).

- You can’t see multiple viewports at once (and it’s cumbersome switching back and forth)

- When you notice a problem, there's no simple way to deep-link someone on your team to take a look at that viewport (likely have to open a Jira/Linear with the specifics)

- You can’t favourite viewports (for tracking the viewports specific to your project/client)

We’ve built a product with the goal of addressing these limitations (among others), and would love to hear your feedback.

Finally, feel free to use the open sourced data for your own projects :)

Show HN: Test your website on 180+ device viewports (with multi-device mode)
viewport-tester.com

Re: Show HN: Test your website on 180+ device viewports (with multi-device mode)

#4

Post by onassar »

jeswin wrote: post #3

After clicking on four screen sizes. > To continue enjoying full, unrestricted use, please sign up for updates. I don't want to give you my email. Why are you forcing me to?

Whoops! That was only meant to stay in there for an unrelated feature. Removed :)

Re: Show HN: Test your website on 180+ device viewports (with multi-device mode)

#5

Post by jeswin »

onassar wrote: post #4
jeswin wrote: post #3

After clicking on four screen sizes. > To continue enjoying full, unrestricted use, please sign up for updates. I don't want to give you my email. Why are you forcing me to?

Whoops! That was only meant to stay in there for an unrelated feature. Removed :)

Thanks. Very useful app.

Re: Show HN: Test your website on 180+ device viewports (with multi-device mode)

#8

Post by onassar »

throwaway481 wrote: post #7

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....

Great find! I'll create an issue for this one. I'm guessing it's related to the media queries that are taking place (or possibly, JS). Will track this one and comment on your reply again once it's fixed.

Re: Show HN: Test your website on 180+ device viewports (with multi-device mode)

#10

Post by onassar »

lbhdc wrote: post #9

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 a half sized window.

Ahh bug related to how we detect mobile. Would ya mind reaching out at hello@viewport-tester.com so I can get a few more details on this?
Post reply on HN