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

今天药忘吃喽~ 2022-09-18 11:50 21阅读 0赞

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

### 常规快捷方式 ###

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

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

### F12 导航快捷方式 ###

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

### 控制台快捷方式 ###

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

### 调试程序快捷方式 ###

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

<table style="margin:5px 0px 10px; padding:0px; border:1px solid rgb(222,233,246); color:rgb(70,70,70); font-family:Verdana,'BitStream vera Sans',Helvetica,sans-serif; font-size:13px; line-height:20px; text-align:start"> 
 <tbody style="margin:0px; padding:0px"> 
  <tr style="margin:0px; padding:0px"> 
   <th style="margin:0px; padding:1px 10px; background-color:rgb(222,233,246)"> 操作</th> 
   <th style="margin:0px; padding:1px 10px; background-color:rgb(222,233,246)"> 快捷方式</th> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 开始调试或继续</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> F5 或 F8</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 停止调试</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> SHIFT + F5</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 逐过程执行</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> F10</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 单步执行</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> F11</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 跳出</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> SHIFT + F11</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 全部中断</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + SHIFT + B</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 打开“更改异常行为”下拉菜单</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + SHIFT + E</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 设置或取消设置断点（焦点需要位于编辑器中）</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> F9</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 设置断点条件（焦点需要位于编辑器中）</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> ALT + F9</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 启用或禁用断点（焦点需要位于编辑器中）</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + F9</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 转至“断点”窗口</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + ALT + B</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 转至“监视点”窗口</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + ALT + W</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 转至“调用堆栈”窗口</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + ALT + C</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 转至“脚本选择器”下拉菜单</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL-O</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 堆栈上的下一个函数</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + 句点</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 堆栈上的上一个函数</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> Ctrl + 逗号</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 用于在控制面板（右侧）中切换窗格的快捷方式</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + ALT + T</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 焦点位于编辑器</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + E</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 添加监视点</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + W</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 在新 Worker 上断开</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + SHIFT + W</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 编辑监视点（位于“监视点”窗口上时）</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> F2</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 删除监视点（位于“监视点”窗口上时）</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> DEL</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 切换美观显示</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + SHIFT + P</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 自动换行</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> ALT + W</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 切换所有断点</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + SHIFT + F11</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 查找</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL-F</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 查找下个语句</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> F3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 查找上个语句</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> SHIFT + F3</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 设置下个语句</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + SHIFT + F10</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 显示下个语句</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> ALT + NUM*</td> 
  </tr> 
  <tr style="margin:0px; padding:0px"> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> 运行到光标处</td> 
   <td style="margin:0px; padding:2px 10px; border-top-width:1px; border-top-style:solid; border-top-color:rgb(222,233,246)"> CTRL + F10</td> 
  </tr> 
 </tbody> 
</table>

### 网络快捷方式 ###

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

### 探查器快捷方式 ###

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

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

[console.profile]: http://msdn.microsoft.com/zh-cn/library/ie/jj152133%28v=vs.85%29.aspx
[console.profileEnd]: http://msdn.microsoft.com/zh-cn/library/ie/jj152134%28v=vs.85%29.aspx