浏览器各项面板代表的含义

    Element：主要是用来调试网页中的html标签代码和css样式代码

    Network：查看网页的http通信情况，包括Method、Type、Timeline（网络请求的时间响应情况）等

    Source:查看JS文件、调试JS代码

    Timeline:查看js的执行时间，页面元素渲染时间等

    Profiles：用来查看网页的性能，比如CPU和内存消耗

    Resources：用来查看加载的各种资源文件，比如js、css、图片等

    Audits：可以分析当前网页，可以快速的分析出哪些资源被使用、哪些资源没有使用，然后提出建议

    Console：可以查看错误信息、打印调试信息、调试js代码，还可以当作JavaScript API查看