Adobe Edge Inspect - Mobile Device Inspector

Edge Inspect is a way to inspect a web page on your phone. It allows you to edit the DOM and css in a console and see the results immediately on your phone.

There are three parts to it:

  • Adobe Edge Inspect program (get it from our creative cloud)
  • Edge Inspect Extension for Chrome
  • Edge Inspect Ap for your phone or tablet
One thing to note, the browser that you see on the mobile devise is not the default browser of the phone but an intermediate browser so the simulation is not an exact match for the real browser... but it is close enough to be helpful.
Hack:  As of 10/17/2013 there is a hack needed to make this work  http://forums.adobe.com/thread/1308519
On windows 7 you are looking here:
C:\Users\<your_user_name>\AppData\Local\Google\Chrome\User Data\Default\Extensions\ijoeapleklopieoejahbpdnhkjjgddem\1.0.424.1_0\ js


//Look for this
this._wshandle = new WebSocket(this._protocol + "://" + this._host + ":" + this._port + "/", "shadow");
//replace it with this
this._wshandle = new WebSocket(this._protocol + "://" + this._host + ":" + this._port + "/");

//basically you are getting rid of this
, "shadow"