Now that you have installed all the necessary components for Adobe Edge Inspect, let us see how to pair and connect mobile devices with a computer. You can wirelessly pair multiple iOS and Android devices to your computer and start the remote inspection of web pages running on the mobile devices.
First, make sure that your mobile device/devices and your computer are all in the same wireless network. This is important for the connectivity of the devices and performance.
The following step-by-step instructions will guide you.
Launch the Edge Inspect helper application that you have installed on your computer. For Windows, go to the Start menu and search for Adobe Edge Inspect
. You can see Adobe Edge Inspect in your search results. Click on it to run it. The following screenshot should help you:
Similarly, for Mac users, search in the menu bar to look for Adobe Edge Inspect
and then click on it to run it:
The Edge Inspect helper application (with In written on it) lives in the Taskbar Notification Area on a Windows machine as shown in the following screenshot:
On a Mac OS X machine the helper application resides in the top-right corner of the menu bar. The following screenshot shows Adobe Edge Inspect running on a Mac OS X computer:
After you have started the helper application on your computer you will notice that the Edge Inspect extension icon in your Google Chrome browser turns brown. This means that Adobe Edge Inspect is now activated on your computer.
Look for the Edge Inspect client app with In written on it that you have installed on your mobile device and run it. It immediately autodiscovers the master computer via Bonjour and will list it under the available connections. The following screenshot shows the Edge Inspect app running on an iPhone and detecting my computer:
You can also manually add a computer by tapping on the "Add Connections" (+) button in the top-right corner, then entering the IP address, and then tapping on the Join button.The following screenshot shows it:
Now, tap on the detected computer name (joseph-PC, in my case) on your mobile device and it will give you a passcode number. You will have to enter this number in the Edge Inspect browser extension in Chrome to authorize the connection. The following screenshot shows the passcode number on the iPhone:
Click on the Edge Inspect extension icon in Google Chrome on your computer to open a pop-up dialog. You will see your mobile device listed there. You will also notice a textbox asking for the passcode number. Fill up the textbox with the passcode number that appears on your mobile device and then click on the Authorize button to pair. The following screenshot describes the step:
After you have authorized the connection, your mobile device is now paired with your computer. You can see your mobile device name on the list of paired devices.
After your mobile device is paired with your computer you can immediately see that whatever page is opened in Chrome on your computer, the same page is opened on your mobile device. There are some exceptions, though, such as a page that requires authentication or an SSL certificate acceptance, which we will talk about later in the Top 7 features you'll want to know about section. The Edge Inspect extension keeps track of the URL in your computer browser and sends it to the Edge Inspect app running on your mobile device. This URL is then opened in the Edge Inspect app.
You can pair multiple iOS and Android devices to your liking with your computer. With the Edge Inspect helper application running in your computer follow step 2 through step 4 to connect and pair more mobile devices. The following screenshot shows an iPod Touch, an Android phone, an iPhone, and an Android tablet device paired to my computer:
So, in this section we have learnt how to pair mobile devices with the master computer. The next section describes in detail how to target a mobile device for remote inspection and debugging. There are several other features as well and I have that all in store for you in our next section.