IE开发利器-IE10中的F12开发者工具

           在IE中开发网站一直是一个难题,因为IE中一直缺少一个如firebug那样的开发者测试工具,尽管有着IEtester这种可以查看IE各版本下网页显示情况的工具,但是却不能像firebug那样进行有效地查看代码是如何在firefox中呈现的,但是现在我们有了IEF12开发者工具。分析 HTML 代码时,通过 F12 工具看到的视图就是 Internet Explorer 10 文档对象模型 (DOM) 解释页面的实际方式,并不是原始的源代码。我们利用脚本开发网站时,就可以看到IE解释之后实际的代码了。 在IE中开发网站一直是一个难题,因为IE中一直缺少一个如firebug那样的开发者测试工具,尽管有着IEtester这种可以查看IE各版本下网页显示情况的工具,但是却不能像firebug那样进行有效地查看代码是如何在firefox中呈现的,但是现在我们有了IEF12开发者工具。分析 HTML 代码时,通过 F12 工具看到的视图就是 Internet Explorer 10 文档对象模型 (DOM) 解释页面的实际方式,并不是原始的源代码。我们利用脚本开发网站时,就可以看到IE解释之后实际的代码了。
F12开发者工具的功能 F12开发者工具的功能
当在IE下开发时必不可少的工具,能够快速调试 JavaScript、HTML 和CSS,还可以跟踪并查明网页或网络的性能问题。 当在IE下开发时必不可少的工具,能够快速调试 JavaScript、HTML 和CSS,还可以跟踪并查明网页或网络的性能问题。
如何打开F12开发者工具 如何打开F12开发者工具

想要用F12开发者工具,就得先知道咋打开它。在 Internet Explorer 10 中任何页面上都可以使用 F12 工具,步骤如下:按 下F12 或单击右上角的工具按钮

经验分享 程序员 微信小程序 职场和发展