UX Design and Development course

Mobile simulators

The following is a list of great resources to use for emulating handheld and mobile devices

Viewport Sizes

This is an amazing list of all the devices that their viewports:

viewportsizes.com

Mac iOS Simulator

Installed within XCode is an iOS simulator. By default you have to open Xcode to gain access to this simulator, but we are smarter then that. Paste the following into your command line and this will create an alias in your Applications folder.

$ ln -s /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/Applications/iPhone\ Simulator.app /Applications

Chrome Mobile emulation

The mobile web has evolved to enable increasingly sophisticated applications, which we often wish to debug during development on the desktop. The DevTools include support for a number of features that can help with this which we will walk through in this section.

Read instructions

JavaScript Bookmarklet

Viewport resizer is a browser-based tool to test any website’s responsiveness. Just save the bookmarklet, go to the page you want to test, click on your created bookmarklet and check all kinds of screen resolutions of the page.

Get yours

Opera Mobile Emulator for Desktop

Making sure that your site looks great and works exactly as it should in mobile and tablet browsers can often be a tedious process — you typically need one or more physical devices, or some form of virtual machine emulating the whole operating system, and that’s just the start.

Our Opera Mobile Emulator for Windows, Linux and Mac makes things a whole lot easier.

It’s a small, native application that’s easy to install on your desktop machine and runs exactly the same code as its mobile phone version — that way, you can be assured that what you’re seeing on your test environment is practically identical to the experience your end users will get.