WebView初探使用总结

最新推荐文章于 2025-08-08 17:07:36 发布

转载最新推荐文章于 2025-08-08 17:07:36 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zyun/p/6182202.html

文章标签：

#javascript #移动开发 #java #ViewUI

本文详细介绍了WebView的基本使用方法，包括加载页面、调用HTML页面中的JavaScript方法、从JavaScript调用Android本地Java方法及拦截HTML页面中的点击事件等核心功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、WebView加载页面
WebView加载html页面时，根据HTML文件所在的位置不同写法也不同：

//加载assets文件夹下的test.html页面
mWebView.loadUrl("file:///android_asset/test.html");
//加载普通网页
mWebView.loadUrl("http://www.baidu.com");

如果只是这样调用mWebView.loadUrl()加载页面的话,那么页面将会在你手机的默认浏览器上打开。那如果想要页面在App内中打开的话，那么就得设置setWebViewClient：

mWebView.setWebViewClient(new WebViewClient());

2、调用Html页面中的Javascript方法
首先设置WebView支持Javascript。

//设置为支持js方法
mWebView.getSettings().setJavaScriptEnabled(true);

有两种调用方式：

1.如果Js方法没有返回值

//其中do是Js中的方法
mWebView.loadUrl("javascript:do()");

2.不管Js方法有无返回值

//sum为Js中的方法
mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
        @Override
        public void onReceiveValue(String value) {
            Log.e(TAG, "onReceiveValue value=" + value);
        }
    });

3、Javascript调用Android本地的Java方法
在Android 4.2 以后需使用@JavascriptInterface注解来声明方法，下面是一个本地Java方法：

public class JsInteration {

    @JavascriptInterface
    public String show() {
        return "hello world";
    }
}

定义完这个类后再注册到WebView里：

mWebView.addJavascriptInterface(new JsInteration(), "android");

那么在Js中怎么来调用呢？

<script type="text/javascript">
     function s(){
         //调用Java的show()方法
        var result =window.android.show();
        document.getElementById("p").innerHTML=result;
    }
</script>

ps:Javascript调用的方法运行在一个叫JavaBridge的子线程中，而非Main线程

4、拦截Html页面中的点击事件

mWebView.setWebViewClient(new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            //判断url,拦截事件
            if (url.equals("file:///android_asset/test2.html")) {
                Log.e(TAG, "shouldOverrideUrlLoading: " + url);
                startActivity(new Intent(MainActivity.this,Main2Activity.class));
                // true代表app自己处理
                return true;
            } else {
                mWebView.loadUrl(url);
                // false代表webview自己处理
                return false;
            }
        }
    });