终端能力
hippy-vue 通过在 Vue 上绑定了一个 Native
属性,实现获取终端设备信息、以及调用终端能力。也可以用来监测是否在 Hippy 环境下运行。
对应 Demo: demo-vue-native.vue
获取设备信息
它无需任何方法,直接取值即可。
version
获取 hippy-vue 的版本
示例
console.log(Vue.Native.version); // 2.0.0
Platform
获取操作系统
示例
console.log(Vue.Native.Platform); // android
Dimensions
获取屏幕分辨率。
示例
const { window, screen } = Vue.Native.Dimensions;
console.log(`屏幕尺寸:${screen.height}x${screen.width}`); // 640x480
console.log(`带状态栏的窗口尺寸:${window.height}x${window.width}`); // 640x460
PixelRatio
获取设备像素比例。
示例
console.log(Vue.Native.PixelRatio); // 3
isIPhoneX
获取是否是异形屏幕的 iPhoneX
screenIsVertical
屏幕是否横屏过来了
OnePixel
一个像素的 dp/pt 值。
调用终端能力
callNative/callNativeWithPromise
调用终端模块的方法,callNative
一般用于无返回的模块方法调用,callNativeWithPromise 一般用于有返回的模块方法调用,它会返回一个带着结果的 Promise。
measureInWindow
测量窗口可视范围内某个组件的尺寸和位置,如果出错会都是 -1。
Cookie
Hippy 中通过 fetch 服务返回的 set-cookie
Header 会自动将 Cookie 保存起来,下次再发出请求的时候就会带上,然后终端提供了这个界面让 业务可以获取或者修改保存好的 Cookie。
getAll(url)
参数 | 类型 | 必需 | 参数意义 |
---|---|---|---|
url | string | 是 | 获取指定 URL 下设置的 cookie |
返回值:
Prmoise<string>
,类似name=someone;gender=female
的字符串,需要业务自己手工解析一下。
set(url, keyValue, expireDate)
参数:
参数 | 类型 | 必需 | 参数意义 |
---|---|---|---|
url | string | 是 | 设置指定 URL 下设置的 cookie |
keyValue | string | 是 | 需要设置成 Cookie 的完整字符串,例如name=someone;gender=female |
expreDate | Date | 否 | Date 类型的过期时间,不填不过期 |