Forum Moderators: not2easy

Message Too Old, No Replies

Snapshots of website with mobile?

         

born2run

12:31 pm on Apr 21, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Hi anyone know of a reliable website that creates snapshots of website in different resolutions ie mobile and desktop? Thanks!

NickMNS

3:18 pm on Apr 21, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Both Firefox and Chrome both have built in mobile emulators. Go to the desired website, right click on any element, then select inspect element from the menu. In Chrome in the top left corner there is a small button with an image of two different screen sizes, click on it and voila!, you are in emulator mode.

You can then select the device, Ipad, Google Pixel, Iphone, laptop. Any website any device.

born2run

3:38 pm on Apr 21, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



The problem is Nick my ISP cache setup seems to be screwed up and it's caching wrong images. Other folks are reporting normal layout while I see images skewed. So it's a mess! Maybe I can try vpn?

lucy24

5:36 pm on Apr 21, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Is your site responsive, or does it work with UA detection? I just resize my browser window, keeping a lookout for the horizontal scroll bar, whose presence tells me something is spilling over or otherwise misbehaving. For best results, use a webkit-based browser, since that's what mobiles are most likely using. (And if you see significant differences between browsers, you are getting too fancy and should scale back.)

Travis

11:12 am on Apr 22, 2018 (gmt 0)

5+ Year Member Top Contributors Of The Month



From the GSC, you can use the explore tool to see what it looks like on mobile.

ipco

11:00 pm on Apr 22, 2018 (gmt 0)

10+ Year Member



Try this
Clear cache
In Chrome go to Incognito mode (Ctrl+Shift+N)
If you have Developer Tools installed, open that (Ctrl+Shift+i)
In Developer Tools go to Network tab and Disable cache

This should(?) work

keyplyr

4:20 am on Apr 23, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Or you can go to your local dept store and try all the different phones.

RhinoFish

4:00 pm on Apr 25, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



We pay for BrowserStack, but it's not cheap.

Maybe try BrowserShots.org, I think they have a freemium model.

born2run

5:08 pm on Apr 25, 2018 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Rhinofish browserstack seems to have old versions of Chrome (50 version) doesn't it?