android WebView 与javaScript交互

首先,和普通的控件一样,我们只需要在xml声明


<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
/>

然后通过findViewById就可以获取到一个WebView实例

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.baidu.com");

当然,不要忘了权限

... >
    "android.permission.INTERNET" />
    ...

接着,如果想让web页面可以调用本地方法,诸如用javaScript等访问本地sqlite等:

WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

然后来个一个类作为接口

public class WebAppInterface {
    Context mContext;

    WebAppInterface(Context c) {
        mContext = c;
    }

    @JavascriptInterface
    public void showToast(String toast) {
        Toast.makeText(mContext, toast,Toast.LENGTH_SHORT).show();
    }
}

然后设置

webView.addJavascriptInterface(new WebAppInterface(this), "Android");

这样就js中就会收到一个WebAppInterface实例,接下来就可以在js中调用代码该接口的方法了

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
    function showAndroidToast(toast) {
        Android.showToast(toast);
    }
script>

那么如何调用js代码呢,可以直接

webView.loadUrl("javascript:fn()");

不过,推荐下面的方法

webView.evaluateJavascript("js method", new ValueCallback() {
                @Override
                public void onReceiveValue(String value) {

                }
            });

需要注意,这个方法运行和返回都是在UI线程,但是这个方法是异步的,不会马上回调接口。

但是到这里其实是有一个问题的,上面的代码在运行的时候是会调用系统浏览器然后加载页面。所以这里还要做一些处理。同时,web内部通常还会有其他链接,怎么处理页面之间的导航了,继续看看文档给的方案

private class MyWebViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        if (Uri.parse(url).getHost().equals("m.baidu.com")) {
            // This is my web site, so do not override; let my WebView load the page
            view.loadUrl(url);
            return false;
        }
        // Otherwise, the link is not for a page on my site, so launch another Activity that handles URLs
        Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
        startActivity(intent);
        return true;
    }
}

这样就会让host是“m.baidu.com”的页面在webView中打开网页,其他的页面在浏览器中打开,当然,如果你不想打开浏览器,那就直接loadurl然后返回true。

重写返回键实现页面后退,很简单,webView会自动缓存浏览历史


@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    // 如果有历史页面,返回到上一页
    if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
        myWebView.goBack();
        return true;
    }
    // 如果没有历史记录,默认处理
    // system behavior (probably exit the activity)
    return super.onKeyDown(keyCode, event);
}

好了,暂时就这些,有错误还望指正,谢谢

你可能感兴趣的:(初步)