Android平台提前注入5+ API，支持在plusready事件前调用

作者：教程字体：[增加减小] 来源：互联网时间：2017-05-31

本文主要包含mui.plusready,plusready,plusready事件, plusready function,mui.plusready不执行等相关知识,教程希望在学习及工作中可以帮助到您

"); </div> 在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+ API，通常采用以下代码调用5+ API：

document.addEventListener('plusready',function () {

// 在这里调用5+ API

},false);

在HBuilder7.5版本之后将支持提前注入5+ API，可以在plusready事件触发之前调用5+ API，操作方法是在页面中添加以下节点：
<script src="html5plus://ready"/>，示例如下：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8"/>

        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

        <title>HTML5+ API</title>

        <script src="html5plus://ready"/>

        <script type="text/javascript" charset="utf-8">

// 这里可以调用5+ API了，为了更好的兼容性，应该使用以下代码进行判断

if(window.plus){

    // 在这里调用5+ API

}else{// 兼容老版本的plusready事件

    document.addEventListener('plusready',function () {

        // 在这里调用5+ API

    },false);

}

        </script>

    </head>

    <body>

Hello HTML5 plus.

    </body>

</html>

注意
1. 仅仅是提前注入5+ API，并不会提前触发plusready事件（仅步骤4提前操作了）
2. Android3.0及以上平台才支持提前注入，Android2.*版本无法提前注入

您可能想查找下面的文章:

2017-05-31MUI 关于二维码扫描识别率的问题
2017-05-31mui外链页面无法返回
2017-05-31mui 那些原生JavaScript写法
2017-05-31Native.js获取安卓设备device.uuid-Android平台
2017-05-31hbuilder mui uploader图片上传到服务器完整版(ASP.NET)
2017-05-31MUI iOS创建最精简离线打包工程
2017-05-31双指放大缩小问题（不需要第三方插件）
2017-05-31mui android native.js获取总内存
2017-05-31HBuilder开发App教程-滴石和websql
2017-05-31MUI开发注意事项

Android平台提前注入5+ API，支持在plusready事件前调用

您可能想查找下面的文章:

相关文章

文章分类

最近更新的内容