随着网站越来越复杂，新的开发技术层出不穷，一款强大的浏览器开发者工具对于所有前端开发者来说必不可少重要。为了帮助开发者提高开发效率，微软对IE11上的F12开发者工具进行了全面改版，界面更加现代简洁，功能全新完备，满足开发者的各种需求。对于所有的开发者来说，使用IE11自带的F12开发者工具，可以让你以最大的效率调试当前开发的网页。无论是需要调整CSS布局还是查找内存泄漏，都可以在F12开发者工具中找到相应的帮助工具。全新的界面和功能改进在开发过程中，开发者可以通过按键盘上的F12键直接打开IE11自带的开发者工具。使用新的UI设计是IE11上F12开发者工具的重大变化。新的开发者工具为代码留出了更大的窗口空间，并采用侧边栏和Windows8ModernUI设计风格，让开发者在网页测试和调整过程中可以更加方便。同时，IE11开发者工具与Windows8的扁平化风格设计统一后，看起来与操作系统和浏览器更加协调，没有多余的图标和阴影效果，统一上层导航菜单，让一切一目了然。一瞥。对开发者来说比界面变化更重要的是新的F12开发者工具增加了更实用的功能改进。在IE11开发者工具中，改进了“控制台”工具、DOM资源管理器工具等8个实用工具，在F12工具界面中各有各的选项卡。它们将帮助您简化网页调试过程，提高您的开发效率。如何帮助开发者提高开发效率新的F12开发者工具是VisualStudio团队和IE团队紧密合作打造的，这些工具都经过了颠覆性的重新设计和增强。一些升级和新增的功能可以帮助开发者跨多设备构建、诊断和优化网站和应用程序，让开发和调试变得更快、更简单。DOMExplorer工具以开发者常用的DOMExplorer工具为例。IE10和以前的开发者工具也有DOMExplorer，但是开发者不愿意用。缺乏实时DOM更新是造成这种情况的主要原因，开发者无法使用它来查看CSS样式更新和额外的DOM元素。但是在IE11的开发者工具中，IE增加了实时更新的功能。另外，对于前端开发来说，处理JavaScript问题是必不可少的。寻找额外的事件需要大量的浏览器端调试代码和反复尝试，才能最终确定所需的响应事件或方法组合。如下截图所示，开发者点击登录后，可以直接在DOMExplorer的事件窗口中找到对应的jQuery函数，包括具体路径和函数位置。对于前端开发者来说，这确实可以节省很多时间，这在以前的IE浏览器中是做不到的。IE11的开发者工具也对样式审核功能进行了内部更新。它将首先显示那些被更多重用的元素类型。从发展的角度来看，这是一个非常合理和人性化的变化；另外，现在你可以直接在页面的review元素上右击，右键review元素的加入无疑增加了IE11开发者工具的印象分，因为如果你想查看某个div的代码或者图片，你需要先用F12打开开发者工具，然后用选择箭头选择你要看的对象。现在，你只需要在被检查的对象上右击检查元素，就可以直接打开开发者工具了。UIResponseToolUIResponseTool是开发者在web开发过程中常用的另一个测试工具。顾名思义，它是一个查看UI响应时间的工具。具体来说，它帮助开发者判断应用程序中哪些组件占用了多少CPU时间，进而可以更有针对性地进行优化，最大限度地提高应用程序性能，提高开发效率。现在IE11中的UI响应工具用最直观的可视化形式展示了HTML、CSS和JavaScript的执行情况以及对布局和垃圾回收的影响，并通过树状图展示了每个时间点的CPU使用率。下图显示了页面的FPS，即每秒的帧数。这是我们判断页面是否丢帧最直观的方式，即看页面是否“卡顿”。您可以从统计数据中准确了解应用的响应速度和呈现的流畅度，从而识别影响应用性能的具体因素，更有针对性地优化应用。下面还有详细的时间使用。只要我们打开UI响应工具加载页面，IE11就会自动帮我们采集。测试过程中，开发者可以打开网页按F12启动开发者工具，点击UI响应工具按钮开始测试，页面加载完成后停止。您将在您面前看到的是一个基于网站加载的彩色直方图，显示随时间的起伏。时间轴显示了7个主要事件类别，例如加载和加载时间。开发者可以在上方选择某个时间段，该时间段内加载的相关资源，包括页面引导、页面加载等，将被分解展示在时间线的详细信息块中。通过这些数据，你可以准确了解当前应用的响应速度和呈现的流畅程度。这样就可以找出影响应用性能的具体原因，更有针对性地对应用进行优化。DOMExplorer和UIResponseTools作为众多更新的例子，让IE11的开发者工具更加友好和先进。同时，通过这些实用的工具变化，可以让开发者在调试网页的过程中更加高效。探索其他IE11开发者工具除了F12开发者工具，微软还推出了modern.IE网站，旨在帮助开发者花更少的时间测试浏览器兼容性，从而可以更专注于卓越的创新。modern.IE是一个开发者中心，提供免费的开发工具和资源。由于仍有大量用户停留在旧版IE浏览器上，适配旧版对开发者来说是一个不小的挑战。借助modern.IE，开发者可以快速完成各个版本的测试，从根本上提高开发效率。F12开发者工具经过众多改进和新增功能，已经从一棵“小树苗”成长为开发者必备的“利器”。IE11一直在为开发者创造最好的发展条件，现在就升级到IE11，感受微软的诚意，亲身体验其中的变化吧！本文来自：http://www.wpdang.com/archives/112645.html
