

Searching and Validating already written XPath, CSS Selector Now we are moving to the next stage of this post where we are going to search specific tag, id, XPath and CSS Selector.
#Keyboard shortcut inspect element chrome code#
Now we are familiar with all the ways to highlight HTML code and we are also familiar with the ways to open Chrome Developer Tool. Option 2: Open Developer Tool using any of the above-mentioned ways and Click on Select icon on developer tool and click on an element for which we want to see the HTML code. So as an automation engineer we need to write our XPath or CSS Selector by seeing various attributes of selected HTML code. In this example, we are taking google home page and here we are keeping our cursor in the search box and performing right click and selecting Inspect.Īfter Selecting the Inspect option from the context menu, It will open the element view of developer tool where it will highlight the HTML code. Option 1: Select Element and Right Click and From the context menu, Select Inspect Option. Highlighting HTML code of any element using the developer tool

For the same, all most all of the browsers have started providing support for various developer tools and this has made our job of identifying various web elements quite easily.

#Keyboard shortcut inspect element chrome android#
The most important part in any kind of automation is, identifying various elements over which we want to perform an action and when it comes to web application or android application automation using Selenium WebDriver or Appium, we fall for Chrome, Firefox or Internet Explorer to find the right set of XPath or CSS selector.
