Thursday, 31 December 2015

How to inspect HTML Element property in Internet Explorer

Since Internet Explorer version 8, IE has been shipping with a built-in tool-set for debugging, troubleshooting, and generally helping in inspecting elements on your pages. This utility is called as Developer Tools. There are two ways you can access it.
  1. By pressing F12 while in the browser
  2. Click on [Tools -> Developer Tools]

Developer Tools looks like following -



The HTML tab will let you peek into the DOM as the browser understands it. As you select elements from the HTML view, their styles will be detailed on the right, with individual rules have the ability to be toggled on and off. You can also modify rules, and determine whether the styles on the element were inherited, or assigned explicitly.


Having said that it is far from Fire Bug, but suitable for some quick help

No comments:

Post a Comment