Android 你应该知道的WebView

一、WebView常用方法

1、WebSettings
在使用WebView前我们都要进行相关的配置,常见的操作如下:

 WebSettings settings = mWebView.getSettings();
        settings.setJavaScriptEnabled(true);    //支持javascript
        settings.setUseWideViewPort(true);    //设置webview推荐使用的窗口,使html界面自适应屏幕
        settings.setLoadWithOverviewMode(true);     //缩放至屏幕的大小
        settings.setAllowFileAccess(true);      //设置可以访问文件
//        settings.setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);    //设置中等像素密度,medium=160dpi
        settings.setSupportZoom(true);    //设置支持缩放
        settings.setLoadsImagesAutomatically(true);    //设置自动加载图片
//        settings.setBlockNetworkImage(true);    //设置网页在加载的时候暂时不加载图片
//        settings.setAppCachePath("");   //设置缓存路径
        settings.setCacheMode(WebSettings.LOAD_NO_CACHE);   //设置缓存模式

可以看到都是通过WebSettings来设置的,还有很多没有列举。。。根据需求选择就好了

2、WebChromeClient
WebChromeClient主要是辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等。

mWebView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);
                mTitle.setText(title);
            }

            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
                if (newProgress == 100) {
                    mProgressBar.setVisibility(View.GONE);
                }
                mProgressBar.setProgress(newProgress);
            }

        });

在示例代码中我们得到了网页的标题、进度等信息,来进行相关操作,其它的回调可根据需求选择。

3、WebViewClient
WebViewClient用来辅助WebView处理各种通知、请求事件的,例如在WebView中点击请求新的链接、页面加载开始、结束等:

mWebView.setWebViewClient(new WebViewClient() {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return true;
            }

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
            }
        });

其它的回调可根据需求选择。
4、上\下一个页面

private void goBack(){
        if (mWebView.canGoBack()){
            mWebView.goBack();
        }else{
            finish();
        }
    }

private void goForward() {
        if (mWebView.canGoForward()) {
            mWebView.goForward();
        }
    }

就是通过WebView的goBack()、goForward()方法。

5、下载

mWebView.setDownloadListener(new DownloadListener() {
            @Override
            public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype,
                                        long contentLength) {

            }
        });

通过DownloadListener可以拿到下载相关的信息。

二、java与js交互

首先编写一个简单的H5:




    
    js test




    


内容很简单,两个函数click1、click2,一个按钮,点击按钮执行click1函数。
将改H5文件放到assets目录,之后用WebView加载改H5:

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

接下来在Activity中编写一个特殊的类:

class JsOperation {
        @JavascriptInterface
        public void showMessage(String msg) {
            Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
        }
    }

然后注入到WebView中:

mWebView.addJavascriptInterface(new JsOperation(), "client");

注意和js中的这行代码对比下:

window.client.showMessage("来自js的消息");

其中client就是addJavascriptInterface()的第二个参数,当然这个参数可以自定义,但要保持一致。js中调用的showMessage()方法,就是我们JsOperation类中的方法。

点击H5中的按钮,可以看到一个Toast提示:


Android 你应该知道的WebView_第1张图片
js call java

到这里就完成了js对java代码的调用,接下来看如下通过java代码调用js。
其实很简单:

mWebView.loadUrl("javascript:click2" + "(" + 1008611 + ")");

这样就可以执行js中的click2函数了。我们通过模拟器返回键执行这行代码,可以看到一个提示框,即click2函数得到执行:


Android 你应该知道的WebView_第2张图片
java call js

ps:按钮上的文字错了,应该是java代码调用js

三、模拟原生应用的页面跳转

首先看一下效果:


模拟跳转

确实是原生的界面跳转感觉。
首先可以在Activity的onCreate()中创建一个栈,并将当前Activity入栈:

if (mStack == null) {
            mStack = new Stack<>();
        }

 mStack.push(this);

在WebView中继续加载新页面时:

@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
                Intent intent = new Intent(MainActivity.this, MainActivity.class);
                intent.putExtra("url", url);
                startActivity(intent);

                return true;
            }

我们重写了shouldOverrideUrlLoading(),重新启动当前Activity来加载新链接,则一个新的Activtiy会入栈,这样就有了跳转的效果。
在返回上一个界面时进行出栈操作:

private void popActivity() {
        if (mStack.size() > 0) {
            mStack.remove(this);
            this.finish();
        }
    }

( ^_^ )测试代码

你可能感兴趣的:(Android 你应该知道的WebView)