IE11全新F12开发人员工具快捷键大全

微软为Win7/Win8.1系统上的IE11浏览器配备了更便捷科学的F12开发人员工具,拥有更简洁的交互界面、UI响应加速网页运行,支持CSS、HTML以及JavaScript自动完成,还能模拟移动屏幕和GPS测试,更人性的内存分析监控等新功能,配合开发快捷键让你创新效率事半功倍。

常规快捷方式

这些快捷方式控制 F12 工具窗口或跨所有工具工作。

操作 快捷方式
在任何其他工具的底部显示/隐藏控制台 CTRL + `
向位于其他工具底部的控制台提供焦点 CTRL + ALT + I
固定/取消固定 F12 CTRL + P
当未固定的 F12 位于 IE 前时,Internet Explorer 将进入前台 F12
当固定 F12 或 F12 位于 IE 后时,显示/隐藏 F12 F12

注意 如果你使用的是不包含功能键的键盘,你可以使用 ALT + T 打开“工具”菜单,然后从此处选择 F12 工具来打开它。

F12 导航快捷方式

当 IE 的焦点位于 F12 工具上时,你可以使用这些组合键轻松在工具之间进行移动。

操作 快捷方式
切换到 DOM 资源管理器 CTRL + 1
切换到控制台 CTRL + 2
切换到调试程序 CTRL + 3
切换到网络 CTRL + 4
切换到 UI 响应 CTRL + 5
切换到探查器 CTRL + 6
切换到内存 CTRL + 7
切换到模拟 CTRL + 8

 

控制台快捷方式

这些快捷方式适用于主“控制台”面板以及可以在其他工具中打开的“控制台”。它们仅在焦点位于“控制台”的输入区域时有效。

操作 快捷方式
进入多行模式 CTRL + ALT + M 或 SHIFT + ENTER
退出多行模式 CTRL + ALT + M
在单行模式下执行 ENTER
在多行模式下执行 CTRL + ENTER

 

调试程序快捷方式

调试程序是 F12 工具中最复杂的工具之一,且具有最大快捷方式集。

操作 快捷方式
开始调试或继续 F5 或 F8
停止调试 SHIFT + F5
逐过程执行 F10
单步执行 F11
跳出 SHIFT + F11
全部中断 CTRL + SHIFT + B
打开“更改异常行为”下拉菜单 CTRL + SHIFT + E
设置或取消设置断点(焦点需要位于编辑器中) F9
设置断点条件(焦点需要位于编辑器中) ALT + F9
启用或禁用断点(焦点需要位于编辑器中) CTRL + F9
转至“断点”窗口 CTRL + ALT + B
转至“监视点”窗口 CTRL + ALT + W
转至“调用堆栈”窗口 CTRL + ALT + C
转至“脚本选择器”下拉菜单 CTRL-O
堆栈上的下一个函数 CTRL + 句点
堆栈上的上一个函数 Ctrl + 逗号
用于在控制面板(右侧)中切换窗格的快捷方式 CTRL + ALT + T
焦点位于编辑器 CTRL + E
添加监视点 CTRL + W
在新 Worker 上断开 CTRL + SHIFT + W
编辑监视点(位于“监视点”窗口上时) F2
删除监视点(位于“监视点”窗口上时) DEL
切换美观显示 CTRL + SHIFT + P
自动换行 ALT + W
切换所有断点 CTRL + SHIFT + F11
查找 CTRL-F
查找下个语句 F3
查找上个语句 SHIFT + F3
设置下个语句 CTRL + SHIFT + F10
显示下个语句 ALT + NUM*
运行到光标处 CTRL + F10

 

网络快捷方式

这些快捷方式可以开始或停止网络捕获。

操作 快捷方式
开始捕获活动选项卡中的网络活动 F5
停止捕获活动选项卡中的网络活动 SHIFT + F5

 

探查器快捷方式

这些快捷方式可以开始或停止分析 JavaScript 活动。

操作 快捷方式
开始分析 F5
停止分析 SHIFT + F5

注意 你可以使用 console.profile() 和 console.profileEnd() 从你的代码内开始和停止分析。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IE11-F12开发人员工具是Internet Explorer 11浏览器的一项强大的调试工具。它提供了一系列功能,使开发人员能够在开发和调试网页时更加高效和便捷。 首先,IE11-F12开发人员工具可以帮助开发人员分析和修改HTML、CSS和JavaScript代码。它提供了DOM树视图,可以查看和编辑网页的HTML结构,快速定位到特定的元素并进行相应的修改。它还提供了CSS编辑器,可以实时查看和修改网页的样式,并即时反馈效果。同时,它还具备JavaScript调试功能,可以设置断点、监视变量,并逐步执行代码以定位和解决问题。 其次,IE11-F12开发人员工具还提供了网络分析功能。开发人员可以通过它查看网页的请求和响应信息,了解每个资源的加载时间及其性能指标,从而优化网页的加载速度和性能。此外,它还支持模拟网络速度和断网情况,帮助开发人员在不同网络环境下测试网页的表现。 另外,IE11-F12开发人员工具还具备调试器工具,支持脚本调试和错误排查。开发人员可以在JavaScript代码中设置断点,逐行调试,并查看变量的值和堆栈的调用情况。同时,它还提供错误控制台,显示网页中的错误和警告信息,帮助开发人员快速定位和修复问题。 除此之外,IE11-F12开发人员工具还包括性能分析器、内存分析器、DOM资源分析器等功能,可以帮助开发人员评估和优化网页的性能。 总之,IE11-F12开发人员工具是一款功能强大的调试工具,提供了多种功能和工具,帮助开发人员分析、修改和优化网页的代码和性能。它对于网页开发人员来说是一个不可或缺的利器。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值