PC电脑浏览器f12功能详解

精选简答
浏览器f12功能,也就是开发者调试工具,一般有以下主要功能Tab:元素(Elements)、控制台(Console)、源代码(Sources)、网络(Network)、性能(Performance)、内存(Memory)、应用 (Application)、安全(Security)、审查(Audits)等。可以让开发者在真实浏览器环境中调试网页程序,也是找BUG的好帮手哦。

回答

VIE
程序开发/运营

浏览器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的好帮手哦。

更新时间:2020-06-30 19:34:30
相关标签链接: