HTML5Plus-Toy模板网

这篇具有很好参考价值的文章主要介绍了HTML5Plus。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

之前写过在 vue 中使用 mui 框架的方法，因为用 vue 开发后打包 5+App 会有一些问题，所以当时用到了，最近又一次开发移动端，不同的是这次使用的是 vue3 开发的，导致之前使用的 vue-awesome-mui 依赖不能使用了，因为作者很长时间没有维护了，vue3 不适用，后来了解到使用 plus 对象不需要 mui 的支持，是本身 html5+的对象，所以记录一下 plus 直接使用的方法

首先说一下，plus 在浏览器中是不起作用的，专门在 5+App 中使用的，主要作用是调用手机原生的一些功能。
以前认为 app 都是 java 写原生开发才是正宗的，挺早之前就用过 5+App 打包 app 应用，但始终觉得是一层覆盖到底层之上的，操作不了底层的功能，最近才终于真实的了解了 5+App。

各种操作方法，方法的说明、参数、回调、示例，可以查看html5plus 官方文档，里面都记录的很详细

值得一提的是plus.runtime.openURL(url, errorCB, identity)方法，这个可以用来唤醒其他的 app，这里的 url 的值可以是 UrlSchemes+“😕/”，UrlSchemes 就是在打包 app 时填写的 App 常用其他设置里的一项 Android 设置

HTML5Plus,# 三大基础,html5,前端,html

下面就具体说一下

这里需要监听一下 plusready 事件，在这个成功的回调函数进行一些涉及到 plus 的操作，这个事件看字面意思就可以理解，plus ready就是 plus 准备好了的意思，这里我打印一下 plus 对象，因为打印在浏览器上无效，只能使用 HbuilderX 启动手机模拟器调试，所以需要使用JSON.stringify()格式化成字符串，否则在 HBuilderX 打印出来就是[Object Object]

      document.addEventListener(
        "plusready",
        function () {
          console.log(JSON.stringify(plus));
        },
        false
      );

打印出来的结果，我这里复制转回 JSON 格式的，里面有用的信息还是挺多的，但是这个只显示属性，不像浏览器的打印对象还给显示可操作的方法文章来源地址https://www.toymoban.com/news/detail-702497.html

{
    "isReady": true,
    "tools": {
        "__UUID__": 1,
        "UNKNOWN": -1,
        "IOS": 0,
        "ANDROID": 1,
        "platform": 1,
        "debug": false
    },
    "bridge": {
        "NO_RESULT": 0,
        "OK": 1,
        "CLASS_NOT_FOUND_EXCEPTION": 2,
        "ILLEGAL_ACCESS_EXCEPTION": 3,
        "INSTANTIATION_EXCEPTION": 4,
        "MALFORMED_URL_EXCEPTION": 5,
        "IO_EXCEPTION": 6,
        "INVALID_ACTION": 7,
        "JSON_EXCEPTION": 8,
        "ERROR": 9,
        "callbacks": {},
        "isInEvalJs": 0
    },
    "obj": {},
    "accelerometer": {},
    "audio": {
        "ROUTE_SPEAKER": 0,
        "ROUTE_EARPIECE": 1
    },
    "barcode": {
        "QR": 0,
        "EAN13": 1,
        "EAN8": 2,
        "AZTEC": 3,
        "DATAMATRIX": 4,
        "UPCA": 5,
        "UPCE": 6,
        "CODABAR": 7,
        "CODE39": 8,
        "CODE93": 9,
        "CODE128": 10,
        "ITF": 11,
        "MAXICODE": 12,
        "PDF417": 13,
        "RSS14": 14,
        "RSSEXPANDED": 15
    },
    "cache": {},
    "camera": {},
    "contacts": {
        "ADDRESSBOOK_PHONE": 0,
        "ADDRESSBOOK_SIM": 1
    },
    "downloader": {
        "__taskList__": []
    },
    "gallery": {
        "__galleryStatus": 0,
        "onPickImageFinished": null
    },
    "geolocation": {
        "lastPosition": null
    },
    "io": {
        "PRIVATE_WWW": 1,
        "PRIVATE_DOC": 2,
        "PUBLIC_DOCUMENTS": 3,
        "PUBLIC_DOWNLOADS": 4
    },
    "maps": {
        "MapType": {
            "MAPTYPE_SATELLITE": "MAPTYPE_SATELLITE",
            "MAPTYPE_NORMAL": "MAPTYPE_NORMAL"
        },
        "SearchPolicy": {
            "TRANSIT_TIME_FIRST": "TRANSIT_TIME_FIRST",
            "TRANSIT_TRANSFER_FIRST": "TRANSIT_TRANSFER_FIRST",
            "TRANSIT_WALK_FIRST": "TRANSIT_WALK_FIRST",
            "TRANSIT_FEE_FIRST": "TRANSIT_FEE_FIRST",
            "DRIVING_TIME_FIRST": "DRIVING_TIME_FIRST",
            "DRIVING_NO_EXPRESSWAY": "DRIVING_NO_EXPRESSWAY",
            "DRIVING_FEE_FIRST": "DRIVING_FEE_FIRST"
        },
        "__bridge__": {
            "callback": []
        }
    },
    "messaging": {
        "TYPE_SMS": 1,
        "TYPE_MMS": 2,
        "TYPE_EMAIL": 3
    },
    "ui": {
        "__nviews__": {}
    },
    "orientation": {},
    "payment": {},
    "push": {},
    "runtime": {
        "arguments": "",
        "version": "13.6.5",
        "innerVersion": "1.9.9.81507",
        "uniVersion": "",
        "launchLoadedTime": "103",
        "launcher": "default",
        "origin": "default",
        "processId": "5981",
        "startupTime": "1670852291370",
        "isRecovery": false,
        "appid": "HBuilder",
        "channel": "",
        "versionCode": 130605
    },
    "share": {},
    "speech": {},
    "statistic": {},
    "storage": {},
    "uploader": {
        "__taskList__": {}
    },
    "widget": {},
    "net": {},
    "zip": {},
    "proximity": {},
    "android": {
        "__Tool": {
            "undefObjectHash": {}
        }
    },
    "ios": {
        "__Tool": {
            "undefObjectHash": {}
        }
    },
    "nativeUI": {},
    "navigator": {
        "__statusBarHeight__": 24
    },
    "key": {},
    "webview": {
        "__JSON_Window_Stack": {}
    },
    "oauth": {},
    "nativeObj": {},
    "stream": {},
    "device": {
        "imei": "358240051111110,358240051111110",
        "imsi": [
            "310260000000000"
        ],
        "model": "Android SDK built for x86_64",
        "vendor": "unknown",
        "uuid": "358240051111110,358240051111110"
    },
    "os": {
        "language": "en-US",
        "version": "7.1.1",
        "name": "Android",
        "vendor": "Google"
    },
    "screen": {
        "resolutionHeight": 640,
        "resolutionWidth": 360,
        "scale": 2,
        "dpiX": 320,
        "dpiY": 320,
        "height": 1280,
        "width": 720
    },
    "display": {
        "resolutionHeight": 640,
        "resolutionWidth": 360
    },
    "networkinfo": {
        "CONNECTION_TYPE": 0,
        "CONNECTION_UNKNOW": 0,
        "CONNECTION_NONE": 1,
        "CONNECTION_ETHERNET": 2,
        "CONNECTION_WIFI": 3,
        "CONNECTION_CELL2G": 4,
        "CONNECTION_CELL3G": 5,
        "CONNECTION_CELL4G": 6,
        "CONNECTION_CELL5G": 7
    },
    "fingerprint": {},
    "video": {},
    "shortvideo": {},
    "bluetooth": {},
    "ibeacon": {},
    "sqlite": {},
    "ad": {},
    "__tag__": "onPageFinished"
}

到了这里，关于HTML5Plus的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！