首页 > 其他分享 >H5与原生app交互

H5与原生app交互

时间:2023-06-16 17:01:51浏览次数:39  
标签:jzbank 原生 const app sUserAgent H5 return android 交互

H5与原生app交互
原生调h5方法:
h5:注册方法,绑定在windowns上:如windown[方法名] = ()=>{}
h5调原生方法,需要区分安卓和ios

/** 获取设备系统类型 */
export const LoginPhoneType = () => {
  var sUserAgent, isIOS, isAndroid, isIpad;
  sUserAgent = navigator.userAgent.toLowerCase();

  isIOS = sUserAgent.match(/iphone os/i) == 'iphone os';//|| deviceInfo.systemName === 'iPhone';
  isAndroid = sUserAgent.match(/android/i) == 'android';//|| deviceInfo.systemName === 'Android';
  isIpad = sUserAgent.match(/ipad/i) == "ipad";

  if (isAndroid) {
      return 'android';
  } else if (isIOS || isIpad) {
      return 'ios';
  } else {
      return null;
  }
};

export const getAddress = () => {
    const jzbank = window.jzbank;
    if (!window.webkit && !jzbank) return;

    const platform = LoginPhoneType();
    if (platform === "ios") window.webkit.messageHandlers.getAddress.postMessage();
    else if (platform === "android") jzbank.getAddress();
};

标签:jzbank,原生,const,app,sUserAgent,H5,return,android,交互
From: https://www.cnblogs.com/wszzj/p/17485999.html

相关文章

  • Mapper代理开发
      1.------需要把两个文件的名字命名为同样com.itheima.mapper com/itheima/mapper 修改后需要修改映射文件的地址 2..-----------------------------设置文件namespace属性 3.------------------------------------根据sql语句返回值数据类型来设置方法数......
  • 直播app开发,JS 获取当天、上周、本周,下周开始时间
    直播app开发,JS获取当天、上周、本周,下周开始时间 <script>  //注释:Date.parse()//转化时间戳  //时间  varnow=newDate();//当前日期  varnowDayOfWeek=now.getDay();//今天本周的第几天  varnowDay=now.getDate();  //当前日期 ......
  • PPT| 数字化工厂PLM-ERP-CAPP-MES-SCADA-LES介绍(可下载)
    PPT总共有24页,有需要PPT的同学可以关注:智能制造数字化咨询PPT总共有24页,有需要PPT的同学可以关注:智能制造数字化咨询......
  • Qt+QtWebApp开发笔记(六):http服务器html实现静态相对路径调用第三方js文件
    前言  前面做了一些交互,网页是直接通过html对response进行返回的,这里QtWebApp与传统的web服务器不同,传统的web服务器可以调用同级目录相对路径或者绝对路径下的js,而QtWebApp的httpserver是response返回当前页面的问题,默认是无法调用的。  为了解决调用一些依赖的如echarts......
  • Ubuntu - Add a Flameshot Icon for taking screenshot directly to Applications men
    Allapplications'desktopentriescanbefoundin/usr/share/applications.Youcancreateadesktopentryunder~/.local/share/applicationstomakeyourownicon.zzh@ZZHPC:/usr/share/applications$sudocporg.flameshot.Flameshot.desktop~/.local/sh......
  • Jackson2ObjectMapperBuilderCustomizer
    //序列化时的命名策略——驼峰命名法builder.propertyNamingStrategy(PropertyNamingStrategy.LOWER_CAMEL_CASE);配置作用  ......
  • OA系统核心业务逻辑审批流程数据库是如何设计的 leave_application请假内容表 leave_
    OA系统核心业务逻辑审批流程数据库是如何设计的leave_application请假内容表leave_approve抄送人经办人同意拒绝表leave_notice同意/拒绝通知接收人表https://blog.csdn.net/rulaixiong/article/details/124688056officeautomation翻译成中文就是:办公自动化。所以......
  • ChatJPT:开启人机交互新纪元的技术革命
    随着人工智能技术的迅猛发展,ChatJPT(Chat-basedGPT)作为一种新型的人机交互方式,正逐渐引起广泛的关注和应用。ChatJPT基于GPT(GenerativePre-trainedTransformer)模型,通过对话形式与用户进行交互,实现更自然、智能的对话体验。本文将介绍ChatJPT的技术原理、应用场景以及其带来的潜在......
  • 软件测试从小白进阶高手-Python自动化+Jmeter性能+App项目+接口测试
    软件测试从小白进阶高手-Python自动化+Jmeter性能+App项目+接口测试软件测试技能,包括Python自动化、Jmeter性能测试、App项目测试、接口测试。接下来,我将从每个技能点给出一些更详细的介绍。1.Python自动化测试Python已经成为测试人员的新宠,Python自动化测试的原因在于Python......
  • uniapp 页面跳转传值(eventChannel)
    在A->B页面时,如果想要将A页面中的数据传给B,可以使用eventChannel方法或者用url拼接,在这里先说明第一种eventChannel方法如何实现。A页面:首先定义了一个点击事件handleItemClick,触发点击事件后再传递数据data(){return{itemData:'123'}}methods:{h......