浏览器f12功能，也就是开发者调试工具，一般有以下主要功能Tab：
元素（Elements）：用于查看或修改HTML元素的属性、CSS属性、监听事件、断点。
控制台（Console）：控制台一般用于执行一次性代码，查看JavaScript对象，查看调试日志信息或异常信息。
源代码（Sources）：该页面用于查看页面的HTML文件源代码、JavaScript源代码、CSS源代码，此外最重要的是可以调试JavaScript源代码，可以给JS代码添加断点等。
网络（Network）：网络页面主要用于查看header等与网络连接相关的信息。
性能（Performance）：可以检测页面中的性能。
内存（Memory）：分析页面使用存在情况。
应用 （Application）：面板主要是记录网站加载的所有资源信息，包括存储数据（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、缓存数据、字体、图片、脚本、样式表等。
安全（Security）：效验HTTP/HTTPS加密协议情况。
审查（Audits）：可以给网页进行评分和优化建议。
可以让开发者在真实浏览器环境中调试网页程序，也是找BUG的好帮手哦。