本文详述了网页开发中HTML元素的查看与操作、JS对象的使用、网络资源的详细信息分析，以及应用加载过程中的关键资源管理。通过阐述元素选择、属性修改、颜色获取、控制台日志输出等功能，揭示了网页加载背后的机制，同时深入探讨了网络请求的各个环节，如Header、Response、Cookies等，为开发者提供了一站式的网页技术解析。
Elements
查看html元素和结构、选取元素、修改元素属性、取色器
Console
查看JS对象及其属性、执行JS语句、输出控制台日志 console.log()
Network
【Header】资源的请求url、HTTP方法、响应状态码、请求头和响应头及它们各自的值等
【Preview】预览面板，用于资源的预览
【Response】响应信息面板包含资源还未进行格式处理的内容
【Timing】资源请求的详细信息花费时间
【Cookies】显示相关的cookies信息
【Stalled】请求访问该URL的主机是有并发和连接数限制的,必须要等之前的执行才能执行之后的,这段时间的耗时
【Request sent】发送请求所消耗的时间
【Waiting】等待响应时间,这里一般是最耗时的
【Content Download】下载内容所需要消耗的时间
Application
Application 记录网站加载的所有资源信息，包括存储数据（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、缓存数据、字体、图片、脚本、样式表等。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
