Thus, in this way user can locate ids, class, links etc. Another way is to hover through the HTML properties and the matching web element would be highlighted. The HTML property belonging to that web element would be highlighted in the developer tool. One way to do the same is to right click on the desired web element and inspect. Step #2: The next step is to locate the desired object within the web page. You can also launch developer tool by right-clicking anywhere within the web page and by selecting “Inspect element” which is very similar to that of firebug’s inspection. Navigate to the “Element” tab if it is not opened by default on the launch. Thus, element tab is the one which displays all the HTML properties belonging to the current web page. Take a note that “Element” tab is highlighted in the above screenshot. The user would be able to see something like the below screen. Step #1: The primary step is to launch the Google Chrome’s Developer tool. #F12 on chrome for mac installUnlike firebug, a user is not required to download or install any separate plugin the developer tool comes readily bundled with Google Chrome.įollow the below steps to locate web elements using Chrome’s Developer tool: Like Firebug in Firefox, Google Chrome has its own developer tool that can be used to identify and locate web elements on the web page. Let us begin with understanding the locating strategies in Google Chrome. Locating Web Elements in Internet Explorer.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |