Getting it set up

Sync your devices. If you’re not paying for Creative Cloud, you can only have it running on one device at a time.

Click on the browser extension. Then, launch the app on your iPhone / iPad (your devices must be on the same wireless network). It will give you a passcode to enter.

Now, any page active in Chrome will automatically load on your device.

If you click the < > it will pull of Chrome’s developer window.

Click on the device you’re using in the Web Developer panel

It will load the Inspector panel. Any code you highlight will then be highlghted on your device. = SUPER COOL!

Couple this with LiveReload (Bonus)

I also found a program called LiveReload. In web development, there’s a lot of change the code, save, reload the browser. Make another adjustment, save, reload. Rinse and repeat. This program simplifies that process, so that when you save your file, the browser will automatically be refreshed.

A blog post on Adobe’s site had instructions for integrating this new workflow with LiveReload with Edge Inspect. (Before you get confused, Edge Inspect used to be called Shadow)

As I do more and more mobile web development, I know that these tools will prove invaluable. What are other tools you use when developing for your mobile devices?