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

31–40 of 53 posts

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

#31

Post by retrofuturism »

onassar wrote: post #26
doctorpangloss wrote: post #22

Are the viewports sized with or without browser chrome, like the address bar and bottom bar?

Great question! Right now, it doesn't take into consideration the browser or device address/bottom bars. We documented that here: https://github.com/bitcomplete/labs-delta-viewport-tester-vi... (Caveat #1). We plan to address this in the future, but at the moment, Viewport Tester works in a similar way to Chrome's native Device Inspector: it resizes the viewport to the exact dimensions.

If I could toggle between different states of the top/bottom bars I would use this tool every day.

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

#32

Post by onassar »

ivanjermakov wrote: post #30

"Mobile version not available" popup that cannot be closed is such an irony. Next time, test your website with a viewport tester :)

@ivanjermakov I know: it's a bummer that it doesn't work on mobile. We initially _did_ make it work (and responsive), but we ran into performance/memory issues. This is related to how much memory can be allocated on mobile devices, and since we open multiple iframes, it caused a lot of problems.

We have a specific plan on making this work on mobile, but for this initial version, we decided that making it limited to Desktop was okay (since, realistically, people who are doing frontend responsive testing, are most likely doing it on a wider display).

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

#33

Post by onassar »

retrofuturism wrote: post #31
onassar wrote: post #26

Earlier quoted context omitted.

Great question! Right now, it doesn't take into consideration the browser or device address/bottom bars. We documented that here: https://github.com/bitcomplete/labs-delta-viewport-tester-vi... (Caveat #1). We plan to address this in the future, but at the moment, Viewport Tester works in a similar way to Chrome's native Device Inspector: it resizes the viewport to the exact dimensions.

If I could toggle between different states of the top/bottom bars I would use this tool every day.

Interesting: can you elaborate on this? Would love to better understand it, so we can consider adding this.

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

#34

Post by altdataseller »

onassar wrote: post #10
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?

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 just wanna see what its like.

Now I wont even check it out because I didnt get that first impression on my phone. I will just forget it.

Just my 2c

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

#36

Post by onassar »

altdataseller wrote: post #34
onassar wrote: post #10

Earlier quoted context omitted.

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?

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 just wanna see what its like. Now I wont even check it out because I didnt get that first impression on my phone. I will just forget it. Just my 2c

Really sorry to hear your first impression wasn't great @altdataseller It has to do with limitations around performance/memory. In some instances, loading large documents in multiple iframes at the same time could cause mobile safari to crash. We have plans on how to address this, but we thought that seeing as frontend responsive testing is most likely going to be done on a Desktop-like device, we would prevent possibly crashing your mobile browser and show you a video walkthrough of how it works on desktop. Happy to chat more about this offline if you want: hello@viewport-tester.com

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

#37

Post by doctorpangloss »

onassar wrote: post #33
retrofuturism wrote: post #31

Earlier quoted context omitted.

If I could toggle between different states of the top/bottom bars I would use this tool every day.

Interesting: can you elaborate on this? Would love to better understand it, so we can consider adding this.

This is like that scene in Star Wars where Luke asks questions and Yoda just closes his eyes, fades away and dies.

This is meant as a light hearted question: how could you have gotten this far making a viewport tester and the mobile website development journey without understanding and dealing with the most important and disruptive behavior in mobile viewports? Like I get that this is just a free project and it does what it does.

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

#39

Post by alwa »

onassar wrote: post #33
retrofuturism wrote: post #31

Earlier quoted context omitted.

If I could toggle between different states of the top/bottom bars I would use this tool every day.

Interesting: can you elaborate on this? Would love to better understand it, so we can consider adding this.

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. tab bar vs single tab for iOS, which influences whether there’s a compact address/button bar on the bottom or an address bar at top plus a button bar at bottom), and

* both of those in portrait and landscape

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

#40

Post by [deleted] »

onassar wrote: post #33
retrofuturism wrote: post #31

Earlier quoted context omitted.

If I could toggle between different states of the top/bottom bars I would use this tool every day.

Interesting: can you elaborate on this? Would love to better understand it, so we can consider adding this.

[deleted]
Post reply on HN