首页 > 脚本 > 网络编程 > 谷歌浏览器Chrome下timeline开发者工具使用教程,chrome开发者工具-timeline的详细介绍

谷歌浏览器Chrome下timeline开发者工具使用教程,chrome开发者工具-timeline的详细介绍

来源:整理 时间:2022-02-17 16:22:50 编辑:飘云 手机版

在Summary视图下面是Details视图,包含了某个会话被记录后,相关类别的记录的详细内容。

每一个记录在左侧有用于说明的标题,右侧是时间轴区域。鼠标移到一个记录之上,会显示更多的提示信息,其中包括从开始录制到结束的时间

CPU资源。此区域图指明了事件的类型消耗的CPU资源。

当选择了一个事件火焰表中,详细信息窗格显示有关该事件的更多信息,如下图所示:

上图可见加载时间0.02s,脚本15.68s,渲染时间11.28s,绘制时间46.06s,其他时间49.06s,空闲1.27s时间。

上图是总表。下图是详细汇总表。

{10}

五、其他的功能

1、连接安卓手机调试代码

       需要手机和电脑有chrome浏览器,安卓手机连接USB至PC

1.1在手机开发者工具中选择允许USB调试

1.2打开chrome://inspect/#devices,选择允许USB调试

会检测到可用的安卓手机和安卓手机打开的页面,也可以自己输入url,如下图所示:

{11}

1.3点击 图片中的inspect,即可进入手机页面的调试状态。

{12}

这样就可以在电脑上操作和调试手机页面了。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对元马网的支持。
谷歌浏览器Chrome下timeline开发者工具使用教程,chrome开发者工具-timeline的详细介绍相关文章介绍。

文章TAG:chrome开发者工具timeline开发者工具

最近更新

网络编程最新文章

脚本排行榜推荐