关于MUI提前注入5+API的尝试

最新推荐文章于 2023-05-06 10:13:33 发布

lyzcren

最新推荐文章于 2023-05-06 10:13:33 发布

阅读量1.6k

点赞数

分类专栏： MUI H5 plus H5

本文链接：https://blog.csdn.net/u012843100/article/details/52838928

版权

本文介绍了Android平台新增的提前注入5+ API功能，允许在plusready事件前调用，以解决5+ API生效延迟的问题。文章讨论了在不同事件中处理逻辑代码的影响，以及如何通过调整代码以适应提前加载的5+ API。同时，作者分享了在使用过程中遇到的滚动条异常、Webview层级混乱等技术问题，提醒开发者注意潜在风险。

摘要由CSDN通过智能技术生成

HBuilder是在开发hybrid app时不错的工具。为了使hybrid app的性能更加接近原生，程序猿们做了很多努力。例如近日在HBuilder7.5.0版本中，增加了一个振奋人心的特性。

Android平台新增提前注入5+ API，支持在plusready事件前调用，具体参考http://ask.dcloud.net.cn/article/921

以往在5+ Runtime环境中，通常情况下需要html页面解析完成后才会注入5+ API，执行的顺序为：
1. 加载html页面
2. 解析html页面（下载script/link等节点引用的资源，如js/css文件）
3. 触发DOMContentLoaded事件
4. 注入5+ API
5. 触发plusready事件

这样导致5+ API生效时间比较延后，在html中引用js执行之后才能调用5+ AP，于是很多人选择在plusready时间中编写逻辑代码，这样写的最大缺点是使脚本的执行时间稍微延后了，如果在页面的DOMContentLoaded（mui.ready）事件中处理逻辑代码，会在一定程度上提升页面加载速度。但是，往往在逻辑代码中需要调用5+API，怎么办呢？
于是在不断对性能较为挑剔的程序猿们先在ready事件中处理与5+API无关的页面逻辑（渲染页面等）；然后在plusready事件中处理需要调用5+API的逻辑代码。这样在一定程序上提升了APP的