Shapeshifter

Shapeshifter uses iframes to let users preview how their site would look at the resolution of various smart-devices.

Support is included for iPhone, iPad and regular desktops.

Orientation changes are also supported, along with a series of useful keyboard shortcuts.

By default Shapeshifter will load the URL right before the "/shapeshifter" folder, so this means you can easily add it to any live site and you can use Shapeshifter to test and preview it at various resolutions.

Additionally Shapeshifter can also be used to load custom URLs if you need to test remote projects.

Requirements:

• JavaScript enabled on client side