Mindmajix

How to Install Debugbar Tool

Debugbar Tool Installation

Open the URL:http://www.debugbar.com/

Go to Download Tab, Click on Download now

Screenshot_19

Save the“install-debugbar-v5.4.1.exe”file

Screenshot_20

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

Screenshot_21

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:

Screenshot_22

We will get the code of the element by dragging the “Drag target on document to find element” as shown below:

Screenshot_23

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:

Screenshot_24

You can see the code for the search box:

Screenshot_25

0 Responses on How to Install Debugbar Tool"

Leave a Message

Your email address will not be published. Required fields are marked *

Copy Rights Reserved © Mindmajix.com All rights reserved. Disclaimer.
Course Adviser

Fill your details, course adviser will reach you.