js与安卓IOS交互

最新推荐文章于 2024-05-11 01:35:16 发布

原创最新推荐文章于 2024-05-11 01:35:16 发布 · 421 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #html5 #前端

移动端交互专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍如何在JS中判断并调用安卓和IOS设备的特定功能，包括调用方式的区别及注意事项，同时阐述了从安卓和IOS调用JS方法的正确实践。

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

一：用来判断是安卓设备还是IOS设备


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

二：js调用安卓和IOS方式

1：调用安卓的方法：

window.android.方法名();

2：调用IOS的方法：

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

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

window.imgList = function(images){}

//直接在window上面挂一个方法就可以了，把方法名告诉安卓或者IOS。

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

补充一下为什么他们转成JSON也不可以：
原因：就算他们已经把对象转成JSON了，但是到了JS这边，还是会当成一个字符串来接收，那么我们都知道，JSON转对象的话会是这样的格式 “{name:"小明",age:"18" }”也就是双引号包着双引号，这是会报异常的！！！