文档章节

Android 4.4 中 WebView 使用注意事项

Cundong
 Cundong
发布于 2014/09/24 15:35
字数 757
阅读 16357
收藏 28

Android 4.4 中 WebView 使用注意事项


自Android 4.4起,Android中的WebView开始基于Chromium( 这大概是因为Android部门负责人从Andy Rubin变成了Chrome部门的主管Sundar Pichai了吧,^_^)。

这个改变,使得WebView的性能大幅度提升,并且对HTML5, CSS3, and JavaScript有了更好的支持。

那么,作为一个客户端开发者,我们写代码的时候需要注意哪些呢?

1.多线程

如果你在子线程中调用WebView的相关方法,而不在UI线程,则可能会出现无法预料的错误。

所以,当你的程序中需要用到多线程时候,也请使用 runOnUiThread()方法来保证你关于WebView的操作是在UI线程中进行的:

<!-- lang: java -->
runOnUiThread(newRunnable(){
@Override
publicvoid run(){
   // Code for WebView goes here
   }
});

2.线程阻塞

永远不要阻塞UI线程,这是开发Android程序的一个真理。虽然是真理,我们却往往不自觉的犯一些错误违背它,一个开发中常犯的错误就是:在UI线程中去等待JavaScript 的回调。

例如:

<!-- lang: java -->
// This code is BAD and will block the UI thread
webView.loadUrl("javascript:fn()"); while(result ==null){  
Thread.sleep(100); }

千万不要这样做,Android 4.4中,提供了新的Api来做这件事情。 evaluateJavascript() 就是专门来异步执行JavaScript代码的。

3.evaluateJavascript() 方法

专门用于异步调用JavaScript方法,并且能够得到一个回调结果。

示例:

<!-- lang: java -->
mWebView.evaluateJavascript(script, new ValueCallback<String>() {
 @Override
 public void onReceiveValue(String value) {
      //TODO
 }
});

4.处理 WebView 中 url 跳转

新版WebView对于自定义scheme的url跳转,新增了更为严格的限制条件。 当你实现了 shouldOverrideUrlLoading() 或 shouldInterceptRequest() 回调,WebView 也只会在跳转url是合法Url时才会跳转。

例如,如果你使用这样一个url :

<!-- lang: html -->
<ahref="showProfile"]]>Show Profile</a>

shouldOverrideUrlLoading() 将不会被调用。

正确的使用方式是:

<!-- lang: html -->
<ahref="example-app:showProfile"]]>Show Profile</a>

对应的检测Url跳转的方式:

<!-- lang: java -->
// The URL scheme should be non-hierarchical (no trailing slashes)
 private static final String APP_SCHEME ="example-app:";

 @Override public boolean shouldOverrideUrlLoading(WebView view,String url){
     if(url.startsWith(APP_SCHEME)){
         urlData = URLDecoder.decode(url.substring(APP_SCHEME.length()),"UTF-8");
         respondToData(urlData);
         returntrue;
     }
     return false; }

当然,也可以这样使用:

<!-- lang: java -->
webView.loadDataWithBaseURL("example-app://example.co.uk/", HTML_DATA,
null,"UTF-8",null);

5.UserAgent 变化

如果你的App对应的服务端程序,会根据客户端传来的UserAgent来做不同的事情,那么你需要注意的是,新版本的WebView中,UserAgent有了些微妙的改变:

<!-- lang: java -->
Mozilla/5.0 (Linux; Android 4.4; Nexus 4 Build/KRT16H)
AppleWebKit/537.36(KHTML, like Gecko) Version/4.0 Chrome/30.0.0.0

Mobile Safari/537.36

使用 getDefaultUserAgent()方法可以获取默认的UserAgent,也可以通过:

<!-- lang: java -->
mWebView.getSettings().setUserAgentString(ua);
mWebView.getSettings().getUserAgentString();

来设置和获取自定义的UserAgent。

6.使用addJavascriptInterface()的注意事项

从Android4.2开始。 只有添加 @JavascriptInterface 声明的Java方法才可以被JavaScript调用,例如:

<!-- lang: java -->
class JsObject {
@JavascriptInterface
public String toString() { return "injectedObject"; }
 }
 webView.addJavascriptInterface(new JsObject(), "injectedObject");
 webView.loadData("", "text/html", null);
 webView.loadUrl("javascript:alert(injectedObject.toString())");

7.Remote Debugging

新版的WebView还提供了一个很厉害的功能:使用Chrome来调试你运行在WebView中的程序。

具体可以看: remote-debugging

remote-debugging

© 著作权归作者所有

Cundong
粉丝 185
博文 28
码字总数 30973
作品 0
海淀
私信 提问
加载中

评论(4)

阿彬2016
阿彬2016
请教一个问题,关于4.2以上的版本中,nativie定义JS接口 里面写系统软键盘关闭的方法 在网页中调用的时候是可以调用到该方法的 但是为什么调用关闭键盘方法后 键盘还是打开了呢?有好一点的思路或者建议麽?谢谢博主了。。。
Cundong
Cundong 博主

引用来自“hujunwei”的评论

webView 默认对图片做了缓存,我自己是想自己本地缓存,因为它默认缓存的我找不到路径,无法分享,但是我关闭不了默认缓存,这样如果我也缓存,它也缓存,就极其消耗资源。
手动将html中所有
Cundong
Cundong 博主

引用来自“hujunwei”的评论

webView 默认对图片做了缓存,我自己是想自己本地缓存,因为它默认缓存的我找不到路径,无法分享,但是我关闭不了默认缓存,这样如果我也缓存,它也缓存,就极其消耗资源。
https://github.com/cundong/ZhihuPaper/blob/master/src/com/cundong/izhihu/fragment/NewsDetailFragment.java
hujunwei
hujunwei
webView 默认对图片做了缓存,我自己是想自己本地缓存,因为它默认缓存的我找不到路径,无法分享,但是我关闭不了默认缓存,这样如果我也缓存,它也缓存,就极其消耗资源。
WebView深度学习(一)之WebView的基本使用以及Android和js的交互

前言:随着市场需求的不断变化,原生安卓已经无法满足客户的需要了,现在很多app都在使用Android和h5的交互实现某些功能,比如商品详情页,文章详情页面,商品点评页面,还有某些复杂的展示页...

aweiloveandroid
2017/07/01
0
0
Android:最全面的 Webview 详解

前言 现在很多App里都内置了Web网页(Hyprid App),比如说很多电商平台,淘宝、京东、聚划算等等,如下图 那么这种该如何实现呢?其实这是Android里一个叫WebView的组件实现的。今天我将全面...

临江仙卜算子
2018/07/07
181
0
Android WebView的使用

在Android 中, 使用webview 加载一个url,webview.loadUrl(myUrl); 然后,发现在android 4.4 一下人手机上能正常加载, 但是在android 4.4 以上的手机 中,页面加载不出来,重写onErrorRece...

JKO
2014/12/01
2.2K
2
谷歌对旧版安卓漏洞甩手不管

极度碎片化的安卓生态,不仅让第三方软件开发者头疼,也让谷歌(微博)官方难以驾驭。据美国科技新闻网站ZDNET报道,最近有安全人士爆料,谷歌曾公开表示,对于安卓4.4之前系统中的一个组件漏洞...

oschina
2015/01/14
4.2K
45
Chrome 存在数据泄漏问题,谷歌更新说明却没提

Google Chromium 曝出一个可以读取安卓用户个人数据的漏洞。 该漏洞由 Positive Technologies 的研究员 Sergey Toshin 于去年 12 月发现,在今年 1 月其向谷歌报告之后,谷歌已经为安卓版本 ...

h4cd
03/23
1K
1

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 熟悉的味道,难道这就是恋爱的感觉

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @xiaoshiyue :好久没分享歌了分享张碧晨的单曲《今后我与自己流浪》 《今后我与自己流浪》- 张碧晨 手机党少年们想听歌,请使劲儿戳(这里)...

小小编辑
今天
134
7
SpringBoot中 集成 redisTemplate 对 Redis 的操作(二)

SpringBoot中 集成 redisTemplate 对 Redis 的操作(二) List 类型的操作 1、 向列表左侧添加数据 Long leftPush = redisTemplate.opsForList().leftPush("name", name); 2、 向列表右......

TcWong
今天
18
0
排序––快速排序(二)

根据排序––快速排序(一)的描述,现准备写一个快速排序的主体框架: 1、首先需要设置一个枢轴元素即setPivot(int i); 2、然后需要与枢轴元素进行比较即int comparePivot(int j); 3、最后...

FAT_mt
昨天
4
0
mysql概览

学习知识,首先要有一个总体的认识。以下为mysql概览 1-架构图 2-Detail csdn |简书 | 头条 | SegmentFault 思否 | 掘金 | 开源中国 |

程序员深夜写bug
昨天
10
0
golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web

micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go-micro环境, golang微服务框架...

非正式解决方案
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部