谷歌调试工具

1、element

上面是html代码，下面是css样式

2、Network

用于查看某个页面打开时，每一部分资源占用的时间。通常在优化网站性能时需要用到。

也有查找框框用于过滤，xhr表示ajax资源占用时间。一般来说，网页的加载顺序是：样式css——html代码——js代码——图片——视频

我们在代码中的写法就是css——html——js。而图片视频往往比较大，在后面才加载。

size表示大小。里面的from cache表示从缓存中加载的，加载时间为0。

如果使用ajax获取数据，调试时可用：network——点击请求的url

HTML

3、sources和Resources

都表示资源，但是Resouces是表示存储在本地的资源，比如cookie  localstorage  session Storage

sourse下面有个大括号{}  点击可于格式化被压缩的代码