不懂前端的后端人员冷知识

 Edge Browser

这些是F12开发者工具中的一些常见部分和功能。

1. Welcome：欢迎页面，提供了有关开发者工具的基本信息和链接。
2. Elements（元素）：用于查看和编辑网页的HTML结构和CSS样式。
3. Console（控制台）：提供了一个交互式的JavaScript环境，用于执行和调试JavaScript代码，并查看日志和错误信息。
4. Sources（源代码）：用于查看和调试网页的JavaScript和CSS代码，包括断点设置、单步执行等调试功能。
5. Network（网络）：用于监视网页加载的各种资源，如HTML文件、CSS样式表、JavaScript文件、图像等。
6. Performance（性能）：用于评估网页的加载和执行性能，并提供性能优化建议。
7. Memory（内存）：用于监视网页的内存使用情况，并进行内存分析和优化。
8. Application（应用程序）：用于管理浏览器的存储，包括本地存储、会话存储和Cookie等。
9. 3D View（3D视图）：用于查看网页的三维渲染视图，可帮助分析和调试复杂的布局和效果。
10. Animations（动画）：用于监视和调试网页上的CSS动画和过渡效果。
11. Changes（更改）：用于查看网页上的修改，并进行版本控制和比较。
12. Coverage（覆盖率）：用于评估JavaScript和CSS代码的覆盖率，以帮助发现未使用的代码和性能优化机会。
13. Css Overview（CSS概览）：提供了对网页中CSS样式的总览，包括选择器、样式规则等。
14. Detached Elements（分离元素）：用于查看和编辑已分离（或悬浮）在页面之外的元素。
15. Developer Resources（开发者资源）：提供了有关开发者工具的文档和教程链接。
16. Issues（问题）：用于查看和解决网页上的问题和错误。
17. Lighthouse：一个综合性的工具，用于评估网页的质量和性能，并提供改进建议。
18. Media（媒体）：用于监视和调试网页中的音频和视频资源。
19. Memory Inspector（内存检查器）：用于分析和检查网页中的内存泄漏和性能问题。
20. Network conditions（网络条件）：用于模拟不同的网络环境，以测试网页在不同网络速度下的加载性能。
21. Network Console（网络控制台）：用于查看和分析网络请求和响应的详细信息。
22. Network request blocking（网络请求阻塞）：用于模拟和分析特定网络请求的阻塞情况。
23. Performance monitor（性能监视器）：提供了网页加载和执行过程中的实时性能数据。
24. Quick source（快速源代码）：它可能指的是一种开发工具或编辑器中的功能，用于快速查看、编辑和导航源代码文件。
25. Recorder（录制器）：它可以指代多种不同的工具或设备，用于记录声音、视频或其他形式的数据。在软件开发中，录制器可以用于记录用户操作或应用程序的执行过程，以便进行回放、调试或演示。
26. Rendering（渲染）：它通常指的是将图形或图像转化为可见的形式的过程。在网页开发中，渲染通常指的是浏览器将HTML、CSS和JavaScript代码转化为可视化的网页。
27. SearchSecurity（搜索安全性）：它可能指的是一种安全工具或服务，用于搜索和检测潜在的安全漏洞、威胁或攻击。
28. Sensors（传感器）：它指的是一种设备或组件，能够感知和测量其周围环境的物理或环境参数，如光线、温度、湿度、加速度等。在软件开发中，传感器常用于移动设备或物联网设备，用于获取环境数据并进行相应的处理或响应。
29. Source Maps（源代码映射）：它是一种技术，用于将经过压缩、合并或转换的代码映射回原始的、易于阅读和调试的源代码。它在前端开发中特别有用，可以帮助开发人员在调试生产代码时精确定位问题。
30. MonitorWebAudio（监控Web音频）：它可能指的是一种用于监视和调试Web音频应用程序或功能的工具或库。它可以提供音频流的可视化、性能分析、错误检测等功能。
31. WebAuthn（Web身份验证）：它是一种用于进行Web身份验证的标准，支持使用公钥加密、生物识别、硬件令牌等多种安全机制进行身份验证。

PS: 以上知识我也不知道是不是正确的