WebView爬坑

1. “Uncaught TypeError: Cannot read property 'getItem' of null”

常见现象:
Webview 加载一些链接出现白板现象,并且Log中打印出上述信息［具体描述］。

解决办法：

WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);

2. "A WebView method was called on thread xxxxxx，All WebView methods must be called on the same thread."

最初工程的TargetAapi 是14，后来改成22之后，出现了上述问题，然而并没有更改任何逻辑代码。
原因：WebView的方法，只能在同一个线程中操作，即只能在主UI线程，即使是调用getUrl这样的方法。
解决办法：将WebView的操作均放在主UI线程执行。

Js交互－H5回调App的方法，其执行所在的线程为非UI线程

3. Alert无法弹出

网页调用altert进行弹窗，app无反应，通常是没有设置WebChromeClient，所以解决办法就是跟webview设置WebChromeClient即可。

网上流传一种WebView的使用方式，就是在界面中new WebView，然后再添加到布局中使用，这个时候如果传给webview的context为application context，哪么即使设置了WebChromeClient也无法弹窗

4.获取网页JS方法的返回值

通常我门有app与网页通过js交互的过程，有些时候我门需要获取网页方法的返回值，这应该是一个非常常见的交互过程。

在4.4以前，获取js的返回值，我门通常是在app中注册一个方法接收返回值，当App调用网页的方法，网页执行完成之后再调用app的方法传递返回值，其流程如下（假如网页有一个getValue方法，返回一个字符串）：

app注册js交互方法


   //定义交互的方法
   class JSInterface {
       //由网页调用，获取网页传递的结果
       @JavascriptInterface
       public void onJsResult(int result) {
           Log.i(LOGTAG, "onSumResult result=" + result);
       }
   }
//注册交互方法
mWebView.addJavascriptInterface(new JSInterface(), "jsbridge");

app调用网页方法

String call = "javascript: getValue()";
webView.loadUrl(call);

网页在触发的方法中回调app返回结果

function getValue(){
       window.jsbridge.onJsResult(1)
}

在4.4之后可以直接使用网页方法的返回值：

 webView.evaluateJavascript("getValue()", new ValueCallback<String>() {

  @Override
  public void onReceiveValue(String value) {
      Log.i(LOGTAG, "onReceiveValue value=" + value);
  }});
}

上面限定了结果返回结果为String，对于简单的类型会尝试转换成字符串返回，对于复杂的数据类型，建议以字符串形式的json返回。
evaluateJavascript方法必须在UI线程（webview的方法调用都应该在UI线程执行，见上述问题2）调用，因此onReceiveValue也执行在主线程

5.Uncaught TypeError: Object [object Object] has no method

原文：

Caution: If you’ve set your targetSdkVersion to 17 or higher, you must add the @JavascriptInterface annotation to any method that you want available your web page code (the method must also be public). If you do not provide the annotation, then the method will not accessible by your web page when running on Android 4.2 or higher.

也就是说如果工程的targetSdkVersion是17及以上，哪么暴露给网页调用的方法，必须增加@JavascriptInterface注解，并且这个方法也必须是public的，如果没有这么操作的话，哪么在4.2及以上的设备上就无法被网页调用

6. 关于混淆

# 混淆注意事项第四条，保持WebView中JavaScript调用的方法
# 下面新增的-keepattributes *Annotation*保留注解，还应该是包含了这句功能
-keepclassmembers class * {
    @android.webkit.JavascriptInterface <methods>;
}
# 建议：使用了WebView和JS的需要添加下面语句
# If your project uses WebView with JS, uncomment the following
# and specify the fully qualified class name to the JavaScript interface
# class:
-keepclassmembers class fqcn.of.javascript.interface.for.webview {
   public *;
}

更多混淆相关内容，请见我的另一篇文章