IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> android js与原生互调 -> 正文阅读

[移动开发]android js与原生互调

1.原生调用js 
(1)loadUrl方法
        //js方法带参数的 参数为字符串需要加单引号 javascript:方法名 (参数名)
        id_webview.loadUrl("javascript:nativeCallToJS("+"'hello xiaocheng'"+")");
    //原生调JS带参数的方法
    function nativeCallToJS(param) {
        alert(param);
    }

?(2)?evaluateJavascript方法

    //原生调用js 获取返回值 returnResult: js定义的方法 ()不能少
    public void nativeCallToJS2(){
        id_webview.evaluateJavascript("returnResult()", new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String value) {
                Toast.makeText(MainActivity.this,"我是调用js返回的数据:"+value,Toast.LENGTH_LONG).show();
            }
        });
    }
    //原生调JS获取返回值
    function returnResult(){
        return 1 + 2;
    }

2.js调用原生

? (1)通过WebView的addJavaScriptInterface()进行对象映射

//1.添加js接口 有这个才能通信 mainActivity统一标识 js与原生标识要一致
id_webview.addJavascriptInterface(MainActivity.this,"mainActivity1");



//2.Js调用原生方法跳页传值
@JavascriptInterface
   public void jsCallNativeToActivity(String msg){
        Intent intent = new Intent(this,SecondActivity.class);
        intent.putExtra("msg",msg);
        startActivity(intent);
   }
    //Js调用原生方法跳页传值
    function jsCallNativeToActivity(param){
        window.mainActivity1.jsCallNativeToActivity(param);
    }

?(2)WebViewClient的ShouldOverrideUrlLoading() 方法进行回调拦截

@Override
  public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
      //通常根据scheme(协议格式) & authority(协议名)判断(前两个参数)
      Uri uri = Uri.parse(request.getUrl().toString());
      if (uri.getScheme().equals("org")) {
          if (uri.getAuthority().equals("professor")) {
              LogUtils.i(uri.getQueryParameter("arg1"));
          }
          return true;
      }

      return super.shouldOverrideUrlLoading(view, request);
  }
 function callAndroid(){
  	//协议org://professor?arg1=com&arg2=test
    document.location = "org://professor?arg1=111&arg2=222";
}

?(3)?WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt()方法回调分别拦截JS对话框

@Override
  public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {

      //通常根据scheme(协议格式) & authority(协议名)判断(前两个参数)
      Uri uri = Uri.parse(url);
      if (uri.getScheme().equals("org")) {
          if (uri.getAuthority().equals("professor")) {
              LogUtils.i(uri.getQueryParameter("arg1"));
              //参数result:表明消息框的返回值(输入值)
              result.confirm("js调用了Android的方法成功啦");
          }
          return true;
      }

      return super.onJsPrompt(view, url, message, defaultValue, result);
  }
function callAndroid(){
    //document.location = "org://professor?arg1=111&arg2=222";
    var result=prompt("org://professor?arg1=111&arg2=222");
    alert("demo " + result);
}

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2022-02-26 11:42:07  更:2022-02-26 11:43:51 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 15:23:13-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码