zoukankan      html  css  js  c++  java
  • JsBrage -- App中WebView与JS的交互桥梁

    在Hybrid App中网页都是显示在原生的WebView中,js与原生通信都是靠WebView提供的支持方式来实现的,而将这个实现方式抽象封装出来的模块,就是JsBrage。

    Android:

    对于Android调用JS代码的方法有2种: 
    1. 通过WebViewloadUrl(),目前项目中用的这种方式 

    mWebView.loadUrl("file:///android_asset/javascript.html");
    mWebView.loadUrl("javascript:callJS()");

    2. 通过WebViewevaluateJavascript(),Android 4.4 后才可使用

    mWebView.evaluateJavascript("javascript:callJS()", new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String value) {
                //此处为 js 返回的结果
            }
    });

    对于JS调用Android代码的方法有3种: 
    1. 通过WebViewaddJavascriptInterface()进行对象映射 , Android 4.2版本之前有安全漏洞问题

    2. 通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url 
    3. 通过 WebChromeClient 的onJsAlert()onJsConfirm()onJsPrompt()方法回调拦截JS对话框alert()confirm()prompt() 消息

    各有优缺点,参考 https://blog.csdn.net/carson_ho/article/details/64904691

    Ios还没仔细研究:

    Ios调用JS代码的方法:

    1. loadURL方式可以

    2. 在iOS代码处获取webView中javaScriptContext, 得到上下文。直接调用js方法

    JS调用Ios代码的方法:

    1. 与安卓一样,通过拦截url

    2. 在iOS代码处获取webView中javaScriptContext, 得到上下文。注入方法,供js调用

    3. 貌似还能直接调用js方法

  • 相关阅读:
    转 linux设备模型(4)
    SQL convert
    SQL 中的 case when
    自己写的文本文件加密器
    [A3] 2D Airfoil Aerodynamic Analysis With Fluent & Gambit
    [A2]更快的使用你的键盘:AutoHotkey
    [A4]更快的使用你的键盘:AutoHotkey(2)
    开篇HOG提取训练检测+样本制作
    Flash调用Lua脚本: 五
    Sql Server全局变量 【转载】
  • 原文地址:https://www.cnblogs.com/liyongquan/p/9152531.html
Copyright © 2011-2022 走看看