What do oyu use for cross Browser and/or Mobile reponsiveness preview?

#1

Hey all,

So we all know that not all browsers behave exactly the same, and then, we also have devices to worry about.

For the “responsiveness” I used to to use one of the many, many, many previewers out there…
ie. http://quirktools.com/screenfly and https://www.responsinator.com/ , they don’t work for me anymore, I don’t know why but all I see is a white page.

So I’ve used browsethemall but at times its not accurate.
https://www.browseemall.com

However there’s this one tool to preview mobiles that always seems to be on the spot.
appetize.io whoever isn’t as versatile Browesethemall.

What are ya guys using?

#2
1 Like
#3

Window resize or Chrome Dev Tools.

image
image2304×1738 447 KB

3 Likes
#4

A new macOS app looks promising:

#5

Looks great! I want it… but I don’t want to get back to a mac…

#6

Browser resize and actual mobile to see how it would really look on handheld devices.

#7

By the way, I used to use tools like Browser Stack, but nowadays there aren’t enough differences with the view. I just test in Chrome. Near the end of the project I load Firefox and Safari, and a couple of mobile phones with whatever they have installed. Nothing else, nothing old. That’s because I work alone, if you have a team, you are part of a big company or you make open source stuff, you should make the right tests.

Using frameworks helps a lot to reduce those differences (if you know how to use them).

1 Like