IE11 —— F12 开发者工具( 六 ) _调试

要面向框架或的窗口，请使用cd()命令，并将框架/ 的名称或 ID 属性用作参数。例如，你具有称为的框架，并且要向其加载主页。
cd();
:
要点请注意，框架名称旁没有引号。仅将未带引号的名称或 ID 值传递为参数。
要返回顶层窗口，请使用不带参数的cd() 。
在“控制台”中选择元素
控制台选择器是 IE11 中的新增功能。它们提供简单的速记，可以在 DOM 结构中快速选择元素。这些选择器是：
要点如果网页中的代码将函数分配到$或$$，当控制台与该页面或其框架交互时，该函数将覆盖控制台选择器函数。
Theline
虽然使用单行命令发送非常有用，但某些任务需要执行较长的脚本。单击向上双箭头符号以展开命令行。在多行模式中，根据需要输入多行，然后单击绿色箭头符号以在控制台中执行它。
调试程序
使用“调试程序”工具在代码运行时对其导航、设置监视点和断点、查看调用堆栈，以及提高编译/精简的可读性。
何时需要“调试程序”工具？
“调试程序”工具可帮助你了解为何你的代码片段出现以下情况：
“调试程序”工具可以暂停执行中的代码，这使你可以备份和重复代码块，并使你可以从不同角度检查代码以查看以下方面：
启动“调试程序”工具
在中加载出现问题的网页，并按F12键或从“工具”菜单选择“F12 开发人员工具”选项以打开 F12 开发人员工具。单击“调试程序”工具图标或按 CTRL + 3 以打开该工具。
“调试程序”工具布局
“调试程序”工具的默认布局显示三个窗格，可以调整其宽度和/或高度。
“控制台”图标（位于 F12 工具顶部的“帮助”图标旁）或 CTRL + ` 均可以在“脚本”窗格下的第四个窗格中打开“控制台”工具。当你要查看“控制台”输出时，可以打开它或使用“控制台”命令行。
启动调试会话
可以使用两种方法启动调试会话。
“调试程序”工具是 IE11 中的新工具，它无需页面刷新和保存状态，即可进行调试，并且 F12 工具可以保持附加在浏览器窗口上。
控制会话流
如果“调试程序”工具到达断点，且你已准备好从该点继续执行操作，你可以使用执行控制图标来决定接下来要进行的操作。
按照从左到右的顺序，这些图标分别为：
默认情况下，它将忽略异常，仅将其记录到“控制台”工具。你可以选择在出现所有异常时断开，或仅在出现未由代码中try... catch异常处理程序处理过的异常时断开。
注意当你的网页中包含一个或多个大型库时，请谨慎选择在出现未处理的异常时断开。你可能会发现自己在逐步执行许多不属于你的精简代码。
此外，在语句上断开后，你可以右键单击“脚本”窗格以显示三个额外的控件：
设置代码格式以增强可读性
“异常控制”右侧的最后两个图标可以使较大代码块更易在“脚本”窗格中读取。

_ge(n){_d.(n)}sj_wf(n)
{ var t=;(){n.apply( null ,[].slice.apply(t).slice(1))}}
sj_ce(n,t,i){ var r=_d.(n);t&&(r.id=t),i&&(r.=i),r}
将变为
10
11
12
13
_ge(n) {
_d.(n);
sj_wf(n) {
var t = ;
() {
n.apply( null , [].slice.apply(t).slice(1));
};
sj_ce(n, t, i) {
var r = _d.(n);
t && (r.id = t) , i && (r. = i) , r;

设置和管理断点
不同类型的点使你可以在“调试程序”工具到达这些点时指示它执行不同操作。
在具有多个语句的行上，可以设置单个语句的断点。在语句上右键单击，然后从上下文菜单中设置断点，或者将光标放置在语句内，并单击 F9 。