zoukankan      html  css  js  c++  java
  • vue.js的h5页面与android(WebViewJavascriptBridge) / ios(window.webkit.messageHandlers)交互详细

    一、首先是h5页面与android交互:这里,我交互的android用的是WebViewJavascriptBridge:

    ####android调用h5方法并传递消息:

     

    注意:在vue与android交互的时候,android的方法里this指向无效,需要赋值that;

    #### h5传递消息给android:

     

    二、h5页面与IOS交互,这里IOS用的是window.webkit.messageHandlers:

    #### IOS调用h5页面方法,并传递消息:

     

     

    写一个方法,接受对应的参数,此时不需要调用这个方法,只需要把这个方法暴露给window,IOS便可直接获取到,进行传参;h5只要在方法内接收对应参数进行操作即可

    ####h5页面发送消息给IOS

    定义好需要传的内容,window.webkit这句是关键,可直接把dict定义好的内容发送给ios接收,FirstJsObect2是需要在ios内注册的一个方法名;


    ————————————————
    版权声明:本文为CSDN博主「lyyo_cd」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/lyyo_cd/article/details/84304864

  • 相关阅读:
    [idea]2014.1.13
    [idea]2014.1.12
    纪念我2014.1.4 中国银行广东分行面试
    [essay]2014.1.2
    纪念我12月29日南方电网笔试
    [essay]12.26
    [idea]
    纪念我12月24日终于用妖姬拿首胜了
    Android自动化测试环境部署
    Monitor工具使用详解
  • 原文地址:https://www.cnblogs.com/liangziaha/p/15532834.html
Copyright © 2011-2022 走看看