security安全面板

memory内存面板

9大功能面板:

1、Elements元素面板:检查和调整页面,调试DOM,调试CSS

2、Network网络面板:调试请求,了解页面静态资源分布,页面性能检测

3、Console控制台面板:调试javascript,查看console log日志,交互式代码调试

4、Sources源代码资源面板:调试javascript页面源代码,进行断点调试代码(利于解决Bug)

5、Application应用面板:查看&调试客户端存储,如cookie,localStorage,sessionStroage等

6、Performmance性能面板:查看网页性能细节,细粒度对网页载入进行性能优化(高阶)

7、Memory内存面板:javascript CPU分析器,内存堆分析器(高阶)

8、Security安全面板:查看也吗安全及证书问题

9、Audits面板:使用Google Lighthouse辅助性能分析,给出优化建议(高阶)

elements元素面板（最常用的），用于检查和调整页面，调试DOM，调试CSS.

netwook网络面板：调试请求，了解页面静态资源分布，网页性能检测,查看请求耗时。

console控制台面板（常用的）：调试js,查看console log日志，交互式代码调试。

Sources源代码资源面板；作用：调试JavaScript页面源代码，进行断点调试代码 

application应用面板：查看&调试客户端存储，如Cookie，LocalStorage,Sessio 

Performance性能面板：查看页面性能细节，细粒度对网页载入进行性能优化（高阶）

Memory内存面板：jsCPU分析器，内存堆分析器（高阶）

Security安全面板：查看页面安全及证书问题

Audits面板：使用Google Lighthouse辅助功能分析，给出优化建议（高阶）

chrome的9大功能简介：

1. elements元素面板（最常用的），用于检查和调整页面，调试DOM，调试CSS.

2. netwook网络面板：调试请求，了解页面静态资源分布，网页性能检测,查看请求耗时。

3. console控制台面板（常用的）：调试js,查看console log日志，交互式代码调试。

4. sources源代码资源面板：调试js页面源代码，进行断点调试代码。

5. application应用面板：查看和调试客户端存储，如cookie,localstorage,sessionstorage等。

6. performance性能面板：查看页面性能细节，细粒度的对网页载入进行性能优化（高阶功能）。

7. memory内存面板：JS cpu分析器，内存堆分析器（高阶功能）。

8. security安全面板：查看页面安全及证书问题。
   

9. audits面板：使用google lighthouse辅助性能分析，给出优化建议（高阶功能）。

Elements元素面板:检查调试调整页面，调整DOM和CSS

Network网络面板：查看请求信息，调试请求，了解页面静态资源分布，网页性能检测

Console控制台面板：调试JavaScript、查看Console log日志、交互式代码调试

Sources源代码资源面板：调试页面JS源代码，进行断点调试

application应用面板：查看&调试客户端存储，如Cookie，LocalStorage,SessionStorage等等

Performance性能面板：查看页面性能细节，细粒度对网页载入进行性能优化

Memory内存面板：JavaScript CPU分析器，内存堆分析器

Security安全面板：查看页面安全及证书等问题

Audits面板：使用Googls Lighthouse辅助性能分析，给出优化建议

九大面板

1. elements元素面板；作用：检查和调整页面，调试DOM，调试CSS

2. Network网络面板；作用：调试请求，了解页面静态资源分布，网页性能检测

3. Console控制台面板；作用：调试JavaScript、查看Console log日志、交互式代码调试

4. Sources源代码资源面板；作用：调试JavaScript页面源代码，进行断点调试代码(重点：非常有利于bug的解决)

5. application应用面板；作用：查看&调试客户端存储，如cookie,localStorage,SessionStorage

6. Performance性能面板；作用：查看页面性能细节，细粒度对网页载入进行性能优化（高阶）

7. Memory内存面板；作用：Javascript CPU分析器，内存堆分析器（高阶）

8. Security安全面板；作用：查看页面安全及证书问题；

9. Audits面板；作用：使用google Lighthouse辅助性能分析，给出优化建议（高阶）
   

9个面板。