Android WebView与网页数据交互_webview与aspx双向交互

最新推荐文章于 2024-07-23 16:44:10 发布

2401_84545579

最新推荐文章于 2024-07-23 16:44:10 发布

阅读量1k

点赞数 29

分类专栏：程序员文章标签： android 交互

本文链接：https://blog.csdn.net/2401_84545579/article/details/138287130

版权

程序员专栏收录该内容

184 篇文章 0 订阅

订阅专栏

JS 调用 Android，用到了JNI，大概含义是将注册监听的方法，通过一些类转成Javascript语句，由WebView加载进来。

实现

整体代码比较简单，注意其中的对应关系

MainActivity

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        WebView mWebView =findViewById(R.id.webView);
        WebSettings webSettings = mWebView.getSettings();
        // 打开开关，设置与Js交互的权限
        webSettings.setJavaScriptEnabled(true);
        mWebView.addJavascriptInterface(new JSBridge(),"bridge");
        // 加载JS代码
        mWebView.loadUrl("http://192.168.2.52:3001/test.html");
    }

    public class JSBridge {
        // @JavascriptInterface 必须加上
        @JavascriptInterface
        public void print(String msg) {
            System.out.println("JS调用了Android的print方法");
        }
    }
}

loadUrl 可以是项目中asset文件夹下的文件，也可以是一个http地址。
JSBridge 中的注解必须要加，是靠注解识别本地监听方法。

 <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>title</title>
    <script>
        function callAndroid(){
            bridge.print("js去调用了android中的print方法");
        }
    </script>
</head>
<body>
<button type="button" id="button1" onclick="callAndroid()">点击按钮调用</button>
</body>
</html>

其中bridge.print在原生方法中已经有定义。

安卓调用JS方法

原理

由于JS很灵活，使用JS动态注入的思想，可以让安卓调用到JS方法。就像在浏览器的控制台，你写好js，它也可以改变或者调用网页上的东西。

实现

public class MainActivity2 extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);

        WebView mWebView =findViewById(R.id.webView);
        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true); // 设置与Js交互的权限
        webSettings.setJavaScriptCanOpenWindowsAutomatically(true);// 设置允许JS弹窗

        mWebView.loadUrl("http://192.168.2.52:3001/test2.html");
        Button button = findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 通过Handler发送消息
                mWebView.post(new Runnable() {
                    @Override
                    public void run() {
                        // 调用javascript的callJS()方法
                        mWebView.loadUrl("javascript:callJS()");
                    }
                });
            }
        });

        mWebView.setWebChromeClient(new WebChromeClient());

    }
}

mWebView.setWebChromeClient 是为了让前段的弹窗顺利弹出。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity2">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="测试" />

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Carson_Ho</title>
    <script>
        function callJS(){
            alert("Android调用了JS的callJS方法");
        }
    </script>
</head>
</html>

callJS 就是安卓调用的方法。

文末

要想成为架构师，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。

如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。
在这里插入图片描述
相对于我们平时看的碎片化内容，这份笔记的知识点更系统化，更容易理解和记忆，是严格按照知识体系编排的。

一、架构师筑基必备技能

1、深入理解Java泛型
2、注解深入浅出
3、并发编程
4、数据传输与序列化
5、Java虚拟机原理
6、高效IO
……

在这里插入图片描述

二、Android百大框架源码解析

1.Retrofit 2.0源码解析
2.Okhttp3源码解析
3.ButterKnife源码解析
4.MPAndroidChart 源码解析
5.Glide源码解析
6.Leakcanary 源码解析
7.Universal-lmage-Loader源码解析
8.EventBus 3.0源码解析
9.zxing源码分析
10.Picasso源码解析

最后

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2019-2021BAT 面试真题解析，我把大厂面试中常被问到的技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。

还有高级架构技术进阶脑图帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

Android 基础知识点

Java 基础知识点

Android 源码相关分析

常见的一些原理性问题

希望大家在今年一切顺利，进到自己想进的公司，共勉！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

！

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

2401_84545579

关注

29
点赞
踩
23

收藏

觉得还不错? 一键收藏
0
评论
Android WebView与网页数据交互_webview与aspx双向交互

最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识，这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2019-2021BAT 面试真题解析，我把大厂面试中常被问到的技术点整理成了视频和PDF（实际上比预期多花了不少精力），包知识脉络 + 诸多细节。还有高级架构技术进阶脑图帮助大家学习提升进阶，也节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。Android 基础知识点Java 基础知识点Android 源码相关分析常见的一些原理性问题。
复制链接

扫一扫