Hybrid App里怎么监控WebView页面的性能?

极客锡丹 阅读 2

我们用的是Vue + Cordova做Hybrid开发,现在想监控WebView里H5页面的加载性能,比如首屏时间、JS错误这些。但发现传统的Web性能监控工具(比如埋点打log)在App里根本拿不到准确数据,而且不同机型差异特别大。

试过用performance.timing获取加载时间,但在iOS的WKWebView里有些字段是0,Android上又延迟很高。有没有成熟的方案或者SDK能统一处理这类问题?

另外,如果要自己封装一个轻量级的监控模块,应该重点采集哪些指标?比如下面这种基础的首屏时间计算是不是不够用?

const perfData = performance.getEntriesByType('navigation')[0];
const fcp = performance.getEntriesByName('first-contentful-paint')[0];
console.log('首屏时间:', fcp ? fcp.startTime : '不支持');
我来解答 赞 1 收藏
二维码
手机扫码查看
暂无解答

暂无解答