前端js 与 移动端（安卓、ios）数据交互问题

今天介绍一下前端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对象

拿到之后处理就行

以上就是我到目前为止，遇到的一些问题，与大家分享，之后有新问题，会与大家分享