Viewing Your Website from Different Devices

[TravG]

Anyone now a good place where you can see what your website looks like from different devices? I know I found a place in the past but my PC quit on me and I lost the bookmark. I want to be able to see what my website looks like from different iPhones (4,5,6), Samsung devices, iPads etc etc.

Thanks,
Travis

[universal4]

Ummmm....browsershots is great for about a billion browsers....
http://browsershots.org/

And for phones this one is ok but could have more variety, a good discussion could follow as I am sure there are many others that have favorites.
http://mobiletest.me/

A number of them reviewed here
http://www.webdesignerdepot.com/2012...ing-your-site/

Rick
Universal4

[dfiocch]

In addition on what Rick posted, I would like to take a look also to BrowserStack (paid).
It worths the expenses as it supports 100% of browsers. I used it a lot in the past.

http://www.browserstack.com

[TheGooner]

Surprised that no-one has suggested using the Chrome Dev Tools option - it's already installed in your browser.

1/ Start up chrome.

2/ Choose the menu option (the three bar thingy on the right hand side) and go for MORE TOOLS -> DEVELOPER TOOLS

3/ Now you can choose between various types of devices via the orange Device box at top of page.

Eh - Voila!

You have a flexible mobile simulator with lots of options and code display on the right hand side.
Free to use - and pretty good too.

[dfiocch]

Surprised that no-one has suggested using the Chrome Dev Tools option - it's already installed in your browser.

1/ Start up chrome.

2/ Choose the menu option (the three bar thingy on the right hand side) and go for MORE TOOLS -> DEVELOPER TOOLS

3/ Now you can choose between various types of devices via the orange Device box at top of page.

Eh - Voila!

You have a flexible mobile simulator with lots of options and code display on the right hand side.
Free to use - and pretty good too.

Yes, true but...
If you want to see your site rendered on all devices in "raw mode", the Chrome extension in perfect and inexpensive.
But if you want a "full view" of your site in different devices, different browsers, different OS, you will need "external extensions".
As you know, IE10 (for example) renders webpages in different ways through different devices.

Just to say

[sweetbet]

I received the following message when I tested my site at browsershots(org)

"Sorry, we do not accept adult or gambling sites to be tested on our screenshot factories run by volunteers."

[baldidiot]

Surprised that no-one has suggested using the Chrome Dev Tools option - it's already installed in your browser.

1/ Start up chrome.

2/ Choose the menu option (the three bar thingy on the right hand side) and go for MORE TOOLS -> DEVELOPER TOOLS

3/ Now you can choose between various types of devices via the orange Device box at top of page.

Eh - Voila!

You have a flexible mobile simulator with lots of options and code display on the right hand side.
Free to use - and pretty good too.

Had no idea you could do that, cheers bud!

We've used http://www.mobilephoneemulator.com/ in the past, but that's way easier.

[aphextwig]

Personally I use Cross Browser Testing [dot] com. It seems to have all the major browsers and devices to trial your designs on.

[mickekneg]

Agree with the Gooner, I always use that way for checking sites in mobile devices quickly.

[TravG]

Thats awesome! Exactly what I was looking for. Thanks for sharing.

Surprised that no-one has suggested using the Chrome Dev Tools option - it's already installed in your browser.

1/ Start up chrome.

2/ Choose the menu option (the three bar thingy on the right hand side) and go for MORE TOOLS -> DEVELOPER TOOLS

3/ Now you can choose between various types of devices via the orange Device box at top of page.

Eh - Voila!

You have a flexible mobile simulator with lots of options and code display on the right hand side.
Free to use - and pretty good too.

[casinoplanet]

I find these quite useful:

https://www.google.com/webmasters/to...riendly/?hl=en

http://www.mobilephoneemulator.com/

But if you're website is html5 and responsive, simply changing the pc browser's width should do the trick as well.

[gayle]

Here's one for mobile testing: http://mobiletest.me/

[Storebuilder]

Try this http://quirktools.com/screenfly/

[Niti jain]

Better use LambdaTest Its cheaper and better

[universal4]

https://www.keycdn.com/blog/browser-...-testing-tools
A few free tools on that page and there are plenty of free tools that are good for initial testing depending on whether you just need to double check a theme will show properly or you need constant regular testing.

Rick
Universal4