Adobe Edge Inspect
Adobe just release a new set of tools for html5 at http://html.adobe.com/
I just tried out Adobe Edge Inspect and was imporessed. It is for you to test your website with mobile browser. The documentation is good but missing several important details. One of them is: how is it supposed to work?
Here is the answer: after everything is setup properly and your mobile device is connected. Whatever screen on your computer will show up on your mobile device.
- install edge inspect on your computer
- install google chrome browser extension
here is where the documenation fall short. After installation, I didn't see anything and kept trying to reinstall the exetension. Actually, the browser extension is only showing up as a small icon on the top right corner of the browser. Make sure you check it there.
- Install the mobile client on your devices
Pick the mobile client for the devices you work with
The next step is to start Edge Inspect application from your mobile device. It has to be in the same Wi-Fi network for it to work. With any luck, you should see your computer shows up. Click on it will show your the passcode.
The last step is to click on the browser extension. It shows a small screen for you to key in the passcode.
You can start browsing now on your computer and your mobile device will show the same website. Works great!