Chrome开发者工具详解

1、面板介绍html Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面获得反馈。浏览器 Console:记录开发者开发过程当中的日志信息，且能够做为与JS进行交互的命令行Shell。缓存 Sources:断点调试JS。安全 Network:从发起网页页面请求Request后分析HTTP请求后获得的各个请求资源信息（包括状态、资源类型、大小、所用

>>阅读原文<<