This article is a complete guide that shows how we can inspect Mobile web applications using appium desktop inspector from BrowserStack.These include three basic steps that are mentioned below-

1. Obtain the BrowserStack Credentials

2. Using Inspect App on Real Devices using BrowserStack with Appium Desktop

3.Finding Coordinates

1. Obtain the BrowserStack Credentials

You need a BrowserStack Account for inspecting Apps using this method. If you don't have a BrowserStack Account already, please contact Support to obtain a BrowserStack Account. You will get the BrowserStack username and API key.

2. Using Appium to Inspect Apps on BrowserStack Cloud

Appium Inspector is a component of the Appium Desktop application that allows us to inspect mobile Apps.

You can install it from here - Github Appium Desktop Repository

On opening the Appium Desktop Client, it will look as shown below:

1. From the Appium Welcome Screen shown above, click on the File > New Session Window(for Windows) or Appium > New Session Window(for Mac) to start a new session.

2. Select the BrowserStack tab and enter your BrowserStack Username & API Key.

3.Finding Coordinates:

3. Enter the minimum Desired Capabilities for connecting to a cloud device on BrowserStack as given below:

Desired Capabilities

There is a set of bare minimum Desired Capabilities we need to add in order to inspect an Android/iOS App using the Inspector.The set of few desired capabilities are mentioned below in the screenshot.

After setting the desired capabilities and starting the session the appium inspector will start and we need to find the coordinates of the element. We can get the coordinate of the element by clicking on the Coordinate element and hovering the mouse on the desired element to get the coordinate. The attached screenshot below is for reference-

Welcome to the era of #SmartTestAutomation!