【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使用的网络资源
计划、执行、每天高效的活着学着
原文地址:https://www.cnblogs.com/huxiaoyun90/p/4218399.html