美文网首页
Chome Developer Tools 介绍

Chome Developer Tools 介绍

作者: michael_jia | 来源:发表于2016-11-29 21:39 被阅读41次

学习使用新工具是一个老生常谈的问题;时间其实就那么多,学习使用新工具肯定花时间,并且刚开始使用新工具时远没有像你已经掌握的工具那么顺手;
可是学会了新工具,不仅节省了后面的很多时间,而且由于是不断积累的过程,刷新了你的思维习惯,扩大了你的思维空间,这个差距可就越来越大,到后来可能就是指数级的变化了;

Chrome DevToolsChrome 快捷键

Networks Panel
  1. 了解浏览器发出的请求和服务器的响应内容;
  2. 了解服务器的响应性能;
  3. 了解 HTTP 协议详细内容;
Networks Panel 分区
Networks Panel 组成
Requests Table 增减表格栏目

右键点击 请求一览表 的表头,可以增加或者移除信息栏目;比如,加一个 Protocol 栏(协议版本);

右键点击表头,以增减表格栏目
展示请求/响应的细节

点击资源名称(Name),右侧即可展示协议细节;

HTTP/1.1
  • HTTP/1.1
    Response Headers、Request Headers、Query String Parameter,可以 view source,view parsed;

相关文章

网友评论

      本文标题:Chome Developer Tools 介绍

      本文链接:https://www.haomeiwen.com/subject/vxyapttx.html