<分区>
我想以编程方式确定加载页面所需的时间,类似于某些扩展程序(例如 Speed Tracer)执行此操作的方式。例如,我想知道某些关键事件何时被触发,例如网络连接、DOM 加载事件和 SSL 网络计时。
因为 Chrome for Android 不支持扩展,有没有办法在代码中实现?
<分区>
我想以编程方式确定加载页面所需的时间,类似于某些扩展程序(例如 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 - 不使用 Graph Api 获取任何事件