js 如何和终端进行简单的交互

548 阅读1分钟

这篇主要是讲JS这部分的安卓 iOS 就不用看了!!

1、用来判断是安卓设备还是 iOS 设备

function getSystemInfoFromApp(){
  var u = navigator.userAgent,
  app = navigator.appVersion;
  var data = null;
  //android终端或者uc浏览器
  var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; 
 //ios终端
  var isiOS = !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/); 

  if (isAndroid) {
    if (window.android) {
      console.log('进入安卓')
      data = window.android.方法名();
    }

  } else if (isiOS) {
    if (window.webkit) {
      //调用IOS的jumpjumpNext()方法
      data = window.webkit.messageHandlers.方法名.postMessage(null);
    }
  }
return data
}

2、js 调用安卓和 iOS 方式

调用安卓的方法

window.android.方法名();

调用IOS的方法

window.webkit.messageHandlers.方法名.postMessage('321');

调用 iOS 和调用安卓是有区别的,调用安卓可以让安卓开发直接定义好方法名挂在 window 上,然后 android 这个方法就直接调用,而 js 如果想使用 iOS 的方法不能直接调用,必须使用通知的形式window.webkit.messageHandlers.方法名.postMessage('321');,来告诉 iOS 要调用什么方法,这里的括号中也必须写东西(写什么都可以),不写的话是通知不到的(我也不知道具体什么原因,网上找了很久没找到原因)。

3、安卓和IOS调用js方法

//直接在 window 上面挂一个方法就可以了,把方法名告诉安卓或者 iOS。
window.imgList = function(images){}

不管是安卓调用想要传参还是 iOS 调用想要传参,都只能传字符串形式的参数,(对象,数组,都不行,转成 JSON 格式也不行)

就算他们已经把对象转成 JSON 了,但是到了 js 这边,还是会当成一个字符串来接收,那么我们都知道,JSON 转对象的话会是这样的格式 “{name:"小明",age:"18" }” 也就是双引号包着双引号,这是会报异常的!!!