今天介绍一下前端js 与 移动端(安卓、ios)数据交互问题
在APP 开发过程中,经常会遇到嵌套web页面,今天我们所讨论的问题,不关注移动端的写法,只说明前端的写法
首先我们应该先知道设备,简单的说 就是 如何识别浏览器
识别浏览代码:
var ua = navigator.userAgent.toLocaleLowerCase();
if(/iphone|ipad|ipod/.test(ua)){
console.log('iphone')
}else if (/android/.test(ua)){
console.log(android)
}
以上就是判断浏览环境的代码
接下来,我们分析在交互过程中的几种情况:
一、 前端调用移动端原生的方法,这种情况下,又分为俩种,有参数和无参数
无参数: DaSen.call()
有参数: DaSen.call(str)
DaSen 这个是移动端定义的一个专门与前端js 交互的类
call 这个是 调用的方法名
str 这个是给移动端传的参数,可以是字符串,也可以是json对象
二、移动端调用前端js的方法,这个方法比较简单,最主要的是移动端调用的方法名必须和我们定义的方法名是一致的
var ua = navigator.userAgent.toLocaleLowerCase();
var userid = '';
if(/iphone|ipad|ipod/.test(ua)){
function login(str){
userid = str
}
}else if (/android/.test(ua)){
function login(str){
userid = str
}
}
function login(){ } 这个就是 我们定义的方法
str 是后台给我们返回的数据 可以是字符串、 也可以是json对象
拿到之后处理就行
以上就是我到目前为止,遇到的一些问题,与大家分享,之后有新问题,会与大家分享