Search code examples
internet-explorer-10

How to inspect an element in IE10 (For Free)


With chrome, I can right click on any element of the page, and choose "Inspect Element"

How do I get this "kind of working" with IE10 for free ?


Solution

  • IE Developer Tools provides a "click to select" tool - for free.

    See Getting Started with the F12 Developer Tools (IE9/10) and look for "Select element by click":

    The Find menu has only one item, Select element by click. You can enable this feature from the menu item, by clicking the Select clement by click button Picture of Select Element by Click button or by pressing Ctrl+B.

    By enabling this feature, you can choose an element on a webpage by clicking the element on the page. After the element on the webpage is clicked, a border is drawn around the element. If the HTML tab is open, the left pane will scroll to highlight the selected element.

    The properties pane (right pane) displays the properties of the selected element, according to the current property type that you have chosen (Style, Trace Styles, Layout, or Attributes). If the HTML tab isn't currently open, using Select element by click selects the element and automatically switches focus back to the HTML tab. Select element by click is only enabled until you click an element.

    For IE 11, see Diagnose and fix layout problems. The "click to select" still works the same, including the Ctrl+B shortcut, but the developer UI has changed.