我们这里介绍主要的几块:、、
大家都有用过各种类型的浏览器,每种浏览器都有自己的特色,本人拙见,在我用过的浏览器当中,我是最喜欢Chrome的,因为它对于调试脚本及前端设计调试都有它比其它浏览器的地方。可能大家对
下面介绍一下控制台的一些快捷键
大家一用就知晓。比如用上键就相当于使用上次在控制台的输入符号
命令返回最近一次表达式执行的结果,功能跟按向上的方向键再回车是一样的
上面的$_</code>需要领悟其奥义才能使用得当,而$0~$4则代表了最近5个你选择过的DOM节点。
什么意思?在页面右击选择审查元素
,然后在弹出来的DOM结点树上面随便点选,这些被点过的节点会被记录下来,而$0</code>会返回最近一次点选的DOM结点,以此类推,$1返回的是上上次点选的DOM节点,最多保存了5个,如果不够5个,则返回
undefined。
$ // 简单理解就是
is:当前时间点在执行的请求。当前可用值:running
-
当选择保留日志,重新加载url当前界面时,之前请求显示的资源信息,会保留下来,不会清空的哟~
-
当打开开发者工具时生效,打开这个开关,则页面资源不会存入缓存,可以从Status栏的状态码看文件请求状态。
-
设置限速,如下图所示。
设置限速可以模拟处于各种网络环境下的不同用户访问本页面的情况。
下列介绍中,前者为名词解释,后者为举例
-
Initiator:解释请求是怎么发起的,有四种可能的值
-
4.other :请求是由其他过程发送的,比如页面里的Link链接点击
-
-
size/content:size是响应头部和响应体结合的大小,content是请求解码后的大小
点击某个具体请求后的界面,如下图所示:
Header面板列出资源的请求url、HTTP方法、响应状态码、请求头和响应头及它们各自的值、请求参数等等
-
Preview:预览面板,用于资源的预览。
Response:响应信息面板包含资源还未进行格式处理的内容
Timing:资源请求的详细信息花费时间
对某请求右键,出现页面如下图所示。
-
cURL:将网络请求作为一个curl的命令字符复制到系统剪贴板(curl是一种开源的命令行工具和库,用于配合url语法进行数据传输)