Debugbar Tool Installation
Open the URL: http://www.debugbar.com/
Go to Download Tab, Click on Download now
Double click on the“install-debugbar-v5.4.1.exe”file, Get a popup “Please close all your Internet Explorer windows before installing the Debug bar” Click on OK
After installing the debug bar
Go to View menu — > Tool bars —- > select Debug bar
We will get the Debug bar below the Menu bar in Internet Explorer as shown below:
We will get the code of the element by dragging the “Drag target on document to find element” as shown below:
Google Chrome Developer tool
No need to install any tool to identify objects. Developer tool is in built for Google Chrome.
Google Chrome Developer Tool is in built in the browser. No need to install any tool for Google chrome.
To get the code of an element:
We will get Inspect element option by right click on the element as shown below:
You can see the code for the search box:
Get Updates on Tech posts, Interview & Certification questions and training schedules