美文网首页
chrome devtools谷歌控制台工具

chrome devtools谷歌控制台工具

作者: 仙道CM | 来源:发表于2018-08-31 15:43 被阅读0次

    总体有八个工具可供查看:元素,资源,网络,源,时间表,简介,审核,控制台。可以使用 Ctrl + [ 和 Ctrl + ] 快捷键在面板之间移动。

    Chrome每个模块及其主要功能为:

    Element : 用于查看和编辑当前页面中的 HTML 和 CSS 元素。

    Network :用于查看 HTTP 请求的详细信息,如请求头、响应头及返回内容等。

    Source :用于查看和调试当前页面所加载的脚本的源文件。

    TimeLine : 用于查看脚本的执行时间、页面元素渲染时间等信息。

    Profiles :用于查看 CPU 执行时间与内存占用等信息。

    Resource :用于查看当前页面所请求的资源文件,如 HTML,CSS 样式文件等。

    Audits :用于优化前端页面,加速网页加载速度等。

    Console :用于显示脚本中所输出的调试信息,或运行测试脚本等。

    相关文章

      网友评论

          本文标题:chrome devtools谷歌控制台工具

          本文链接:https://www.haomeiwen.com/subject/oeaswftx.html