怎样使用IE11中的浏览器F12 开发人员工具
使用 F12 开发人员工具,你可以调试、测试网页并加快其速度,微调 CSS 布局,查找内存泄漏。
在 IE11 中, F12 工具比之前IE版本变化较大,具有全新的 UI 和新功能性,可以更快、更轻松地进行开发和调试。
在键盘上按“F12”键以打开工具。
功能
- 01
DOM 资源管理器 DOM 资源管理器工具显示了在浏览器中渲染网页时网页的结构,并使在活动页中编辑 HTML 和样式的操作成为可能。不必编辑或重新加载源,即可执行此操作,以便你可以快速解决显示问题或试用新思路。
- 02
控制台 “控制台”工具提供了与运行代码交互、使用控制台的命令行发送信息和使用控制台调试 API 获取信息的方式。“控制台”工具对开发人员而言非常有用,我们已使其更易于获得。现在你可以使用 UI 右上角“帮助”按钮旁边的“控制台”按钮或按 CTRL + `在任何其他工具的底部打开它。
- 03
调试器 使用“调试器”工具检查代码的作用、代码执行时间及其执行方式。在执行过程中暂停代码,逐行操作代码,然后查看每个步骤中变量和对象的状态。
- 04
网络 “网络”工具提供了涉及加载和网页操作的任何网络请求的详细信息。
- 05
UI 响应能力 “UI 响应能力”工具可帮助你在页面速度减慢时了解出了什么问题。使用它分析速度缓慢的特定点可显示导致这些问题的操作。
- 06
探查器 “探查器”工具是 JavaScript 速度的单纯计量工具,向你显示了在分析会话过程中调用的函数、调用次数以及完成所需的时间。
- 07
内存 “内存”工具跟踪网页的内存使用情况,帮助你标识何处的内存使用处于增长趋势、增长原因以及如何修复它。
- 08
模拟 “模拟”工具可帮助你测试你的网页在不同屏幕大小和硬件功能上的运行方式,以及它们如何响应不同的用户代理字符串。“模拟”工具在 IE11 中是 F12 工具的新增工具