android - 如何测量移动设备上的网页加载时间?

标签 android google-chrome

<分区>

我想以编程方式确定加载页面所需的时间,类似于某些扩展程序(例如 Speed Tracer)执行此操作的方式。例如,我想知道某些关键事件何时被触发,例如网络连接、DOM 加载事件和 SSL 网络计时。

因为 Chrome for Android 不支持扩展,有没有办法在代码中实现?

最佳答案

Android 版 Chrome(以及桌面版 Chrome、Internet Explorer 和 Firefox)上有一个名为“Navigation Timing API”的东西。

按照 this document 中描述的说明将您的 Android 设备连接到计算机并启用“远程 Debug模式” .

在您的计算机上打开 Chrome 并访问 localhost:9222 以访问 Chrome for Android 的 DevTools。

在控制台中,输入以下内容。

> performance.timing

你会发现类似这样的东西(如果折叠则折叠)

connectEnd: 1364275296017
connectStart: 1364275296017
domComplete: 1364275296699
domContentLoadedEventEnd: 1364275296517
domContentLoadedEventStart: 1364275296458
domInteractive: 1364275296458
domLoading: 1364275296304
domainLookupEnd: 1364275296017
domainLookupStart: 1364275296017
fetchStart: 1364275296017
loadEventEnd: 1364275296705
loadEventStart: 1364275296700
navigationStart: 1364275295553
redirectEnd: 1364275296017
redirectStart: 1364275295553
requestStart: 1364275296025
responseEnd: 1364275296273
responseStart: 1364275296264
secureConnectionStart: 0
unloadEventEnd: 1364275296275
unloadEventStart: 1364275296275

您可以在 HTML5Rocks 的文章“Measuring Page Load Speed with Navigation Timing”中找到有关 Navigation Timing API 的更多详细信息。

关于android - 如何测量移动设备上的网页加载时间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15628246/

相关文章:

android - Android 中的 AwesomePlayer 是什么?

html - 在 jsFiddle 中工作的 FileReader API,但不是来自本地文件

javascript - 如何将 Chrome Javascript 控制台中的默认缩进自定义为 2 个空格?

css - <span> float 在 <li> 内,在 FF 中创建新行,但在 Chrome 中不创建新行

google-chrome - Chrome API 响应 header

Android soundPool 支持扩展吗?

android - 不使用 Graph Api 获取任何事件

Android:无法销毁 Activity

html - 如何在右对齐的表格行中忽略 Google Chrome 中的额外空白?

java - 在 android Activity 中使用外部类