你真的会用chrome么

你真的会用chrome么？对于Web Inspector，你真的发挥了他的最大功效了么？ 是不是一直靠删代码、alert来判断脚本执行的正确性？ 来吧，针对问题，解决问题！

 

MLGB的，到底哪儿出问题了！alert了半天还是没效果！
a. 试试代码里加入debugger（适合无cache的JS）；
b. 试试在左侧行首点击加断点；
c. 莫犯2，别试图在Element的页面里加断点！展开左侧面板，选择你要加断点的文件！
d. 直接输入(CTRL+O)想要查询的文件名字；
e. CTRL+SHIFT+O：show functions；
f. CTRL+G：直接跳到某行。

 

 

MLGB的，怎么才能跳到我想去的地方？
a. 继续执行；
b. 单步跳过； 
c. 单步进入；
d. 单步退出。
MLGB的，太多断点了，下次刷新我想直接看到效果！ 
a. 尝试禁用所有断点； 
b. Break Points面板。
变量值是什么？我想改！ 
a. Watch Expressions；
b. 去Console里改！断点时，Console的运行环境就是当前的上下文。

 

我了个擦，我陷入了代码的深渊！谁来帮帮我！TNND！都说拆分代码！拆得调来调去，搞死人啊！
a. Call Stack；
b. Scope Variables。
你妹的坑爹的代码压缩，玩死我？
a. 底部的“{}”按钮。
哎，一直报错！能不能一错就断！能不能在我想断的时候再断！谁能懂哥的寂寞，无限的循环啊！只是在xxx的时候才会出现问题！
a. 底部的“”——全部异常断点/未捕获异常断点；
b. 条件断点。
MLGB的，这DOM什么时候变成这个样子了！哪行代码改它了！找起来太恶心了！
a. 在Element面板里右键元素添加DOM断点……这点不如FF好用；
b. DOM断点有三种类型，且可以在非叶子节点做DOM断点……比FF牛逼。
我擦嘞，这可如何是好，每次鼠标一点击就出问题！这可咋办……到底哪个地方监听得不对了！
a. 事件断点。
想断XHR则么办？
a. XHR断点。
b. 匹配url中的字符。

 

 

模拟移动调试
靠，难道不通过GMU的事件映射，就没法调试touch事件了么？
难道还要让我手动改事件？
a. override device metrics
b. emulate touch events
屏幕大小，横竖屏调试？
a. override device metrics
b. fit in window
c. h/v switch