【chrome】 chrome 开发者工具

1. 常用控制台工具

---

console.log  console.info  console.error  console.warn

console.assert

console.count

console.dir

console.time console.timeEnd

console.profile

console.timeLine

console.trace

$   $_返回最近一次表达式执行的结果，功能跟按向上的方向键再回车是一样的    $0~$5代表了最近5个你选择过的DOM节点

copy  没效果T_T

keys values  前者返回传入对象所有属性名组成的数据，后者返回所有属性值组成的数组。

monitor unmonitor  前者监控模块，每次执行会在控制台输出一条信息输出传入参数，后者解除监控

debug  undebug  前者接收一个函数名作为参数。当该函数执行时自动断下来以供调试，类似于在该函数的入口处打了个断点，可以通过debugger来做到，同时也可以通过在Chrome开发者工具里找到相应源码然后手动打断点。后者解除该断点。

2. 其他工具

---

地址栏中如下命令可以得到相应的信息：

命令	作用
chrome://dns/	查看 Chromium 的DNS预取的域名
chrome://net-internals	Capture Export Import,ProxyTimeline,DNS,Socket, SPDY,QUIC,Pipelining,Cahce,SPIs,Tests,HSTS,Bandwidth,Prerender
chrome://net-internals#Events	所有网络栈完成的工作和传送的消息
chrome://net-internals#Timeline	按照时间绘制的图，图中记录在各个时间点Chromium使用的网络资源