Finding elements for Android web-based apps using the Chrome ADB plugin

To find an element for web apps, we need to install an add-on in order to remotely inspect the web elements. The Chrome browser gives us an ADB (add-on) to access the source code of the mobile apps remotely. You can download it from https://chrome.google.com/webstore/detail/adb/dpngiggdglpdnjdoaefidgiigpemgage?hl=en-GB (Make sure you've installed Chrome Version 32 or later on your desktop.).

Once the add-on is installed, perform the following steps to set up the device for remote debugging:

1. Go to Settings | About Phone and tap on Build number seven times (assuming that you have Android Version 4.2 or newer). Then, return to the previous screen and find Developer options, as shown in the following screenshot:

   Note

   The preceding step is not the same for all smart phones; if you can't find this option, then search How to enable developer options on Google with your device model.

   

2. Tap on Developer options and click on ON in the...