How to use the F12 developer tools in IE10

Developing a Web site in IE has always been a problem because IE has been missing a developer test tool such as Firebug, and despite IETester's tool for viewing the Web page under IE versions, But it's not as effective as firebug to see how the code is rendered in Firefox, but now we have the IEF12 developer tool. When parsing HTML code, the view seen through the F12 tool is the actual way the Internet Explorer10 Document Object Model (DOM) interprets the page, not the original source code. When we use the script to develop the website, we can see the actual code after IE explanation.

Features of F12 developer tools

When developed under IE, tools are essential to quickly debug JavaScript, HTML, and CSS, as well as track and identify performance issues with Web pages or networks.

How to open the F12 developer tool

To use the F12 Developer tool, you need to know how to open it first. The F12 tool can be used on any page in Internet Explorer 10, as follows: Press F12 or click the tool button in the upper right corner

Then select the "F12 Developer Tools" option. The F12 tool is opened in a separate window by default

, but you can click the Fix button

or press Ctrl+p to pin it to the page you are using. Note that when you debug on the Script tab (when you click Start Debugging), you cannot fix the window.

Fixed after the appearance of ... The feeling style is still too ugly ...

If you do not need a complete tool interface, you can click the Minimize button or press Ctrl+m after the docked tool. These tools will appear as a row at the bottom of the window to provide access to the Command menu bar, note that after the docked tool, if the F12 tool is in a separate window at this time, Ctrl+m is invalid, and then the tool is restored to the complete tool page once ctrl+m.