码迷,mamicode.com
首页 > 其他好文 > 详细

【chrome】 chrome 开发者工具

时间:2015-01-12 16:02:03      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:

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使用的网络资源

【chrome】 chrome 开发者工具

标签:

原文地址:http://www.cnblogs.com/huxiaoyun90/p/4218399.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!