1.打印输出信息
console.log 用于通常的打印信息
console.table 打印对象信息;
console.trace(‘trace car’) 查看函数的调用栈,特别地有效。
3.断点调试
有三个方法,
一、直接找出代码行加个断点;
二、在代码中添加debugger,浏览器会自动在debugger那里停住
三、在控制台输入debug(car.funcY) 。
if (thisThing) {
debugger;
}
4.响应式调试
可以调试移动端视域
5.统计代码块执行需要的时间
对于循环的统计优化特别有效
console.time(‘Timer1‘);
var items = [];
for(var i = 0; i < 100000; i++){
items.push({index: i});
}
console.timeEnd(‘Timer1‘);
7. {}
美化压缩的代码
8. 监控函数接受到的参数
在控制台输入monitor(functionName)
9. 快速获取元素
在控制台输入 $(‘css-selector’) ,将返回第一个匹配的元素;
$$(‘css-selector’) 将返回所有匹配的元素。
10.可以在网络tab右键编辑重发网络请求
此操作用来补填缺失字段重新请求参数,完善参数特别有效