Android WebView使用的技巧与一些坑

随着手机性能的提高,以及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总结的知识也不错,可以参考:http://www.jb51.net/article/86956.htm

原文地址:http://blog.isming.me/2015/10/18/webview-use/

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

时间: 2024-11-08 22:51:16

Android WebView使用的技巧与一些坑的相关文章

Android WebView使用的技巧与一些坑_Android

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

Android Webview使用和遇到过的坑总结

本文讲的是Android Webview使用和遇到过的坑总结,WebView 用来显示网页的一个View,它使用WebKit渲染引擎显示web页面,可以加载在线的或者本地的html页面,WebView可以对页面进行一系列操作,如历史页面的向前.向后,放大和缩小,执行文本搜索,与JS交互等等; 在使用Webview时,请记得在AndroidManifest.xml文件中声明INTERNET权限: <uses-permission android:name="android.permissio

Android WebView 上传文件支持全解析_Android

默认情况下情况下,使用Android的WebView是不能够支持上传文件的.而这个,也是在我们的前端工程师告知之后才了解的.因为Android的每个版本WebView的实现有差异,因此需要对不同版本去适配.花了一点时间,参考别人的代码,这个问题已经解决,这里把我踩过的坑分享出来. 主要思路是重写WebChromeClient,然后在WebViewActivity中接收选择到的文件Uri,传给页面去上传就可以了.创建一个WebViewActivity的内部类 public class XHSWeb

Android WebView组件用法详解

本文实例讲述了Android WebView组件用法.分享给大家供大家参考,具体如下: 如果想WebView能够访问网络,必须在AndroidManifest.xml里面添加权限 <uses-permission android:name="android.permission.INTERNET" /> main.xml很简单,就是一个WebView <?xml version="1.0" encoding="utf-8"?&g

android webview定制contextmenu

问题描述 android webview定制contextmenu 10C 如何实现图种的webview的上下文菜单.需求是获取选中的内容,进行操作. 解决方案 http://www.2cto.com/kf/201310/248762.html 解决方案二: android的ContextMenuAndroid ContextMenuandroid ContextMenu 解决方案三: webview里的问题是可以实现你说的功能,不需要单独设置. 解决方案四: 你把属性设置对就不会错了 解决方案

android webview中如何获得输入框输入的内容

问题描述 android webview中如何获得输入框输入的内容 求高手指点,寻求热心好人帮助.如何获得webview中登录框我输入的内容. 详细: 通过webView打开一个URL网址.打开后有一个登录页面,页面有个userID和Password的输入框,和一个登录按钮,输入帐号密码后点击登录按钮,如何获得我输入的帐号和密码????? url是用别公司的登录页面地址.不知道他的数据 解决方案 http://www.eoeandroid.com/forum.php?mod=viewthread

Android webview通过http get下载文件下载两次的现象和解决方法

一.现象 一般通过Android webview进行下载文件的方法是 1.重写DownloadListener的onDownloadStart方法,在onDownloadStart方法中弹出对话框提示用户有新的文件需要下载 2.用户点击确定之后,通过http get下载文件 由于Android webview的实现,以上的下载文件步骤涉及到了两次get的操作.第一次是用户在webview中点击下载链接时,webview自动发送http get请求,这个时候服务器除了将文件信息发送过来之外,会同时

android webview中图片 长按点击保存本地 部分手机不能实现。

问题描述 android webview中图片 长按点击保存本地 部分手机不能实现. 代码如下 private String imgurl = """"; /*** * 功能:长按图片保存到手机 */@Overridepublic void onCreateContextMenu(ContextMenu menu View v ContextMenuInfo menuInfo) { super.onCreateContextMenu(menu v menuInfo)

android webView 上传图片

问题描述 android webView 上传图片 博客:http://blog.csdn.net/woshinia/article/details/19030437 中有上传 图片的功能,但是遇到了一个问题.(博客评论2L). A: 正常情况下,一路选择到图库,并且也选择了图片,这都没问题.但是如果在弹出选择对话框后,敲击对话框之外的任何地方,或者直接点击返回键,取消掉对话框,这个时候,再次点击网页按钮,就没有任何反应了. 此时的webview就只能看,上面的任何操作都变的无效了,包括网页链接