【Android】Android WebView与网页数据交互_android webview交互(1)

2401_84862367

于 2024-05-17 09:03:19 发布

阅读量370

点赞数 4

文章标签：鸿蒙面试学习

本文链接：https://blog.csdn.net/2401_84862367/article/details/138992032

版权

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

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

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

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

}


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


HTML

title 点击按钮调用


其中`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"?>

<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" />


HTML





![img](https://img-blog.csdnimg.cn/img_convert/12cf6aac1d8cc6ab9dcf58229962a9e0.png)
![img](https://img-blog.csdnimg.cn/img_convert/210c155cb4f5a32ffcf40e15d23d4f00.png)

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

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


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

获取](https://bbs.csdn.net/topics/618636735)**


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