当前位置: 移动技术网 > IT编程>移动开发>Android > Android WebView使用的技巧与一些坑

Android WebView使用的技巧与一些坑

2019年07月24日  | 移动技术网IT编程  | 我要评论

海上冲浪遭遇鲨鱼,情动上下九羽化晴天,朴有天的车

随着手机性能的提高,以及ios和android两个平台的普及,更多的app都会选择两个平台的app都进行开发,在有些时候,为了更加快速的开发,我们会采用hybird方式开发,这个时候我们需要使用webview并且自己进行一些配置。android的webview在低版本和高版本采用了不同的webkit版本内核,4.4后直接使用了chrome,因此问题很多,这里分享一些我使用过程的一些技巧和遇到的坑。
###webview配置###

mwebview.getsettings().setjavascriptenabled(true); //设置允许运行javascript
// html5 api flags
mwebview.getsettings().setappcacheenabled(true); //设置允许缓存
mwebview.getsettings().setdatabaseenabled(true); //设置允许使用localstore

上面webview.getsettings()会获得websettings对象,在这个对象中会保存webview的一些设置,比如上面所设置的这些,更多的设置请查看websettings的api文档。
通常我们还会使用webviewclient和webchromeclient这两个组件来辅助webview。webviewclient主要帮助处理各种通知请求事件等,比如页面开始加载,加载完成等。webchromeclient主要辅助webview处理javascript对话框,网站图标,网站标题,加载进度等等。
实际应该根据实际情况使用这两个组件,重写响应的方法,在其中执行自己的一些操作。
###javascript的使用###
开启javascript的方法上面已经提到了。
客户端调用网页中的js代码,或者执行相应的代码。

private void evaluatejavascript(string js) { 
 if (build.version.sdk_int >= build.version_codes.kitkat) {
  mwebview.evaluatejavascript(js, null);
 } else {
  mwebview.loadurl(js);
 }
}

在android4.4开始系统提供了evaluatejavascript方法来执行js方法,并且可以进行回调。但是在低于4.4的版本并没有这个方法,我们需要只要直接通过loadurl的方式来执行js,此时需要在js代码前加”javascript:”。
另外可以在客户端定义一些javascript给网页中调用。
比如这样:
首先定义一个给js执行的类:

public class webappinterface {
 context mcontext;

 /** instantiate the interface and set the context */
 webappinterface(context c) {
  mcontext = c;
 }

 /** show a toast from the web page */
 @javascriptinterface
 public void showtoast(string toast) {
  toast.maketext(mcontext, toast, toast.length_short).show();
 }
}

webview.addjavascriptinterface(new webappinterface(this), "android");

之后用*addjavascriptinterface&设置到webview上,在js中就可以用android.showtoast(“fdf")调用了。
需要注意的是,在我们给js的接口方法需要是public的,使用到了javascriptinterface的注解,这个注解在android4.2的时候添加,更新的android如果不加这个注解是不可以使用的。
###硬件加速###
硬件加速是个大坑,请勿打开。
在android4.4后使用的chrome,系统会自行开启。
###其他###
以及使用webview,给忘了给应用申请网络访问的权限。
还有一些知识点没整理到,请参考webview的文档,更多的坑以后踩到再更新。
另外jeremyhe总结的知识也不错,可以参考:

原文地址:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网