android webview source,Android WebView踩坑集锦(一)

项目背景

原生Android项目中通过 WebView 加载 assets/www 文件夹下的 index.html。

ERROR, source file:///android_asset/www/build/vendor.js (1)

从 Android Studio 的 Log 记录中发现此错误信息，然后通过 Chrome 的 inspect 工具查看到 Log 为：TypeError: Cannot read property 'setItem' of null {stack: (...)，解决方案如下：

// webview的设置中添加如下代码

WebSettings settings = webView.getSettings();

settings.setDomStorageEnabled(true);

跨域问题

假如本地HTML文件中使用ajax获取数据，则会遇到跨域问题，报错的Log如下：

XMLHttpRequest cannot load '...'. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 500.", source: file:///android_asset/www/index.html (0)

解决方案如下：

// webview的设置中添加如下代码

try {

if (Build.VERSION.SDK_INT >= 16) {

Class> clazz = webview.getSettings().getClass();

Method method = clazz.getMethod("setAllowUniversalAccessFromFileURLs", boolean.class);

if (method != null) {

method.invoke(vb.getSettings(), true);

}

}

} catch (IllegalArgumentException e) {

e.printStackTrace();

} catch (NoSuchMethodException e) {

e.printStackTrace();

} catch (IllegalAccessException e) {

e.printStackTrace();

} catch (InvocationTargetException e) {

e.printStackTrace();

}

Cookie身份认证

Hybrid App开发少不了认证的问题，5.0以上需要开启第三方Cookie存储

if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {

CookieManager.getInstance().setAcceptThirdPartyCookies(webview, true);

}