WebView与js交互用法与注意

前段时间做的项目涉及到WebView与js交互，当是有些困惑，不过还是解决了：

一、WebView 基本用法

      1.首先不要忘记在清单文件下添加网络权限:

       <uses-permission android:name="android.permission.INTERNET" />

2.在布局中添加WebView

只需使用标签WebView>标签即可，如下：

  <WebView
    android:id="@+id/mWebView"
    android:layout_width="match_parent"
    android:layout_height="400dp" />

   3.在代码中使用

   WebView mWebView = (WebView) findViewById(R.id.mWebView);

   mWebView.loadUrl("http://www.baidu.com");

二、WebView与js交互 

    1.我们需要使用一个类 WebSettings

      在代码中构建：WebSettings settings = mWebView.getSettings();
    

    2.与js交互就要设置 支持相关属性,以下是一些常用的设置：

      settings.setJavaScriptEnabled(true);//设置支持js

      settings.setJavaScriptCanOpenWindowsAutomatically(true);//设置js能直接打开窗口

      settings.setDefaultTextEncodingName("utf-8");//设置编码格式  

      settings.setBuiltInZoomControls(true);//设置支持缩放

      settings.setUseWideViewPort(true);//适配屏幕，可以任意比例缩放
      settings.setLoadWithOverviewMode(true);//和setUseWideViewPort(true)一起解决网页自适应问题

      settings.setAppCacheEnabled(true);//设置使用缓存

    3.与js进行交互要定义一个类似于协议的东西：例如我们定义为:forAndroid 

    3.1我们需要写一个用于提供js调用Android方法的类，暂命名：JavaScriptObject

     public class JavaScriptObject {

         //写了一个方法让js调用

         //在高版本中要添加引用js      

         @JavascriptInterface

public void FromAndroid(String string) {

          //处理相关逻辑代码...
         }

      }

     //设置本地调用对象及其接口，填写定义的协议：forAndroid

      mWebView.addJavascriptInterface(new JavaScriptObject(MainActivity.this),"forAndroid");

      //载入网页：

      mWebView.loadUrl(UrlPath.main_web);

     3.2 js已经调用了Android的方法，下面是Android 调用js

     例如Html页面中的js方法为：positionPoint(string)  参数为一个字符串，传参的时候需要注意添加引号，调用如下：

      mWebView.loadUrl("javascript:positionPoint('"+ "我是一个字符串"+"')");

    前方高能---》开发过程中存在Android 调用不到js的问题，原因是js在运行之前需要有一个documen的对象，所以我们在加载的时候需要load一                  个空白页。如果loda空白页的时候没有执行完Html，里面的方法就不走。所以如果想在原生中调用js的方法，让js的document对象                  生成有一下几种方法：

                  1.使用按钮点击调用js

                  2.使用延时调用

                  3.在页面加载完调用

         按照需求和实际开发情况选取：个人一般会使用第三种方式：

         mWebView.setWebViewClient(new MyWewViewClient());

         //创建一个类继承 WebViewClient，重写onPageFinished()方法

         class MyWewViewClient extends WebViewClient{

                @Override

              public void onPageFinished(WebView view, String url) {
                   super.onPageFinished(view, url);
    
                  main_webview.loadUrl("javascript:positionPoint('"+ "我是一个字符串"+"')");
                }

         }

         这样的话在Html加载完成后调用js就行了

三、其他用法：

 1有时候WebView加载Html时，需要跳转网页，默认是使用手机浏览器打开，我们需要跳转依然在当前WebView  

mWebView

.setWebViewClient( new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true ; } }); 2.按下返回键是，不是退出程序，而是返回上一级页面

public boolean onKeyDown(int keyCode, KeyEvent event) {       
        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {       
            mWebView.goBack();       
            return true;       
        }       
        return super.onKeyDown(keyCode, event);       
    }

 3.最后再添加一个网页加载过程

 mWebView.setWebChromeClient(new WebChromeClient(){

    public void onProgressChange(WebView view,int newProgress){

     super.onProgressChanged(view,newProgress);

     if(newProgress==100){

        Log.i("tag","网页加载完成了");

     }else{

          Log.i("tag","网页加载中...");

      }

    }

 });

好了，关于WebView的知识就介绍到这了。