How to use the F12 developer tools in IE10

Source: Internet
Author: User
Tags object model

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.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.