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.

The installation steps are here: https://creative.adobe.com/inspect
  1. install edge inspect on your computer
  2. 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.

  3. Install the mobile client on your devices

    Pick the mobile client for the devices you work with

This is what is missing from the online documentation. After installed everything above, start the Edge Inspect on your computer. Again, it is a small icon on the bottom right of the screen. I was kept trying to start and wondering what was wrong.

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!

Comments

blog comments powered by Disqus