Remote Preview

Remote preview is a tiny JavaScript based tool which I built for our test lab. It allows you to preview any URL on large number of mobile devices simultaneously. Just enter a URL, hit enter, and new URL gets automatically loaded on each device. Remote preview works on platforms like Android, Blackberry, iOS, Maemo, Meego, Symbian, Windows Phone and WebOS.

Remote Preview works by making an ajax call every 1100ms to check if the url in the ‘url’ file is changed. If it is, the script will then change the src attribute of the iframe and load a new page into it. If there’s no changes, the script will just keep polling the url file until something changes. Remote Preview allows very fast previewing of different URL’s to check for possible layout problems, which can then be debugged using various other tools depending on the platform where they occur.

There are some issues and limitations with the way it’s being done, but as there currently is no other tool which allows you to preview web pages on all these platforms, I think this can be a handy addition to any test lab’s toolset.

Basic usage #

Copy and paste all files to a public Dropbox folder/server/localhost, edit ‘url’ file and wait for devices to refresh. That’s all! You might also want to bookmark Remote Preview to your device’s home screen for fast & easy application like access later on (bonus: If you moved all files to a server or localhost, you can control the devices via web browser by pointing your browser to the directory named ‘control’).

Browser support #

Current version is tested to be working on at least:

OSBrowser
Android 2.1 – 4.1.2Stock WebKit + Chrome
Blackberry 7.0Stock Browser
iOS 4.2.1+Mobile Safari
Mac OS XSafari, Chrome, Firefox, Opera
Maemo 5.0Stock WebKit
Meego 1.2Stock WebKit
Symbian 3Stock WebKit
Symbian BelleStock WebKit
WebOS 3.0.5Stock WebKit
Windows Phone 7.5Internet Explorer Mobile
Windows 7Internet Explorer 9

Download #

Remote Preview on GitHub

Get in touch

I’m an independent design systems architect specialized in helping organizations to build design systems. Get in touch.

Share