Remote (mobile) debugging with Adobe Edge Inspect

Adobe Edge Inspect is a new tool you can use to inspect and preview the HTML5 content you create for mobile devices. It is not an emulator or simulator; it enables you to connect multiple devices to your computer wirelessly. Edge Inspect works with the Google Chrome browser and many iOS, Android, and Kindle Fire devices. With Edge Inspect, you can target a device for remote inspection, use your computer to tweak the code, and see the changes update instantly on the device. Revised content is easy to view because it takes just one click to clear the cache of all connected devices. There are two versions of Edge Inspect: a free and a paid version. The free version allows only one concurrent connection.

  • Install Edge Inspect on your computer
  • Install the Adobe Edge Inspect Google Chrome browser extension, Google Chrome must be installed as all interactions with devices are controlled from the Edge Inspect Chrome Extension
  • Edge Inspect uses Bonjour to provide auto discovery for devices. Windows users must have Bonjour installed to be able to auto-discover computers running Edge Inspect. The Bonjour Installer is available in your Edge Inspect installation folder (Adobe Edge Inspect\BonjourPSSetup.exe)
  • Install the Android mobile client on your devices. Navigate the device to the appropriate store. Search for ‘Edge Inspect’ and download and install the free Edge Inspect app on your device(s)

Connect your devices to your computer

  • Make sure your computer and devices are all on the same wireless network
  • Start the Edge Inspect application on your computer and the Edge Inspect apps on each of your devices
  • Let the devices discover the computer via Bonjour, or manually connect them by entering the IP address
  • Enter the passcode for each device in the Edge Inspect Chrome extension to perform a one-time pairing process, then begin previewing and inspecting

Leave a Reply