webView的一些经验总结

部分内容再录于:http://www.360doc.com/content/14/0611/13/15210553_385676271.shtml

一.    加载资源的速度不慢,但是资源多了,就很慢。图片、 css 、 js 、 html 这些资源每个大概需要 10-200ms,一般都是 30ms 就 ok 了。如果一个页面上的资源很多,就很浪费时间。

二.    Js 和 css 的执行速度。

Webview 加载页面的顺序是这样的:先加载 html ,然后从里面解析出 css 、 js 文件和页面上写死的图片资源进行加载,如 果 webkit 的缓存里面有,就不加载。加载完这些资源之后,就进行 css 的渲染和 js 的执行。 Css 的渲染一般不需要很长时间,几十毫 秒就 ok 。关键是 js 的执行,如果用了 jQuery ,则执行起来需要 5-6 秒。而在这段时间,如果不在 webview 里设置背景,网 页部分是白色的,很难看。这是一个很糟糕的用户体验。所以如果用网页布局程序,最好别用很大的 js 框架。

三.     网页和 Java 之间的互调

.  Java 调用 js 里面的函数,速度并不令人满意,大概一次一两百毫秒吧,如果要做交互性很强的事情,这种速度会让人疯掉的。而反过 来就不一样了, js 去调 java 的方法,速度很快,基本上 40-50 毫秒一次。所以尽量用js 调用 java 方法,而不是 java 去 调用 js 函数。

.  Java 调用 js 的函数,没有返回值,而 Js 调用 java 方法,可以有返回值。返回值可以是字符串,也可以是对象。如果是 字符串,有个很讨厌的问题,第 3 点我会讲的。如果是对象,这个对象会被转换为 js 的对象,直接可以访问里面的方法。但是我不推荐 java 返回 给 js 的是对象,除非是必须。因为 js 收到 java 返回的对象,会产生一些交换对象,而如果这些对象的数量增加到了 500 或 600 以 上,程序就会出问题。所以尽量返回基本数据类型或者字符串。

.  Js 调用 java 的方法,返回值如果是字符串,你会发现这个字符串是 native 的,不能对它进行一些修改操作,比如想对 它 substr ,取不到。怎么解决呢?转成 locale 的。使用 toLocaleString() 函数就可以了。不过这个函数的速度并不快, 转化的字符串如果很多,将会很耗费时间。

四.        网页上拖动元素。

如果用 PC 上的网页做法,监 听 onmousedown 、 onmousemove 和 onmouseup 就可以了。在手机上,事件模型就不一样了。在网页上点击,拖动, 然后释放,手离开屏幕的时候, webview 才会触发 onmousedown 、 onmousemove 、onmouseup 事件。所以,要 想拖动,不能这么做。这个问题困扰我很长时间,后来发现 iphone 上的做法,才解决了。 Iphone 上的 webview 有专为触摸屏设计的 事件 ontouchstart 、 ontouchmove 、 ontouchend ,这几个事件的响应是实时的,就能解决拖动的问题了。

五. Webview 里面的网页,如果有 input ,需要输入,但是点上去却没反应,输入法不出来。这种情况是 因为 webview 没有获取焦点。需要在 java 里面给 webview 设置一下 requestFocus() 就行了。

一些可以重写的方法

1,接收到Http请求的事件
onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)

2,打开链接前的事件
public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; }

这个函数我们可以做很多操作,比如我们读取到某些特殊的URL,于是就可以不打开地址,取消这个操作,进行预先定义的其他操作,这对一个程序是非常必要的。
 
3,载入页面完成的事件
public void onPageFinished(WebView view, String url){ }

同样道理,我们知道一个页面载入完成,于是我们可以关闭loading条,切换程序动作。
 
4,载入页面开始的事件
public void onPageStarted(WebView view, String url, Bitmap favicon) { }

这个事件就是开始载入页面调用的,通常我们可以在这设定一个loading的页面,告诉用户程序在等待网络响应。
 
通过这几个事件,我们可以很轻松的控制程序操作,一边用着浏览器显示内容,一边监控着用户操作实现我们需要的各种显示方式,同时可以防止用户产生误操作。

时间: 2024-10-09 16:05:24

webView的一些经验总结的相关文章

WebView使用总结

WebView使用总结 闲话(可直接无视 好久都没有上博客写点东西,总结下最近的学习情况了,又是课程设计又是项目的,都快被弄成XX了.最近又接了个锅,做一个能社交的游记应用,游记的内容由用户编辑好之后上传给服务器,由前端写好不同模板后将图片放入模板,前段还是很溜的,写出来的模板都蛮好看的呢(射鸡湿也很厉害呢,Android这边需要通过WebView去浏览已经处理好的游记.第一次接触到了WebView,感觉好激动好神秘,下面就把使用WebView的一些经验给大家呈上来orz.好久都没上来写点东西了

Android WebView 常见问题锦集!

收集了一些资料,集中整理一下,以备不时之需,顺便也分享一下,如果觉得好的,麻烦点个赞,觉得没什么意义的可以直接飘过,嘎嘎~~~~ Android 解析比较详细的文章 http://blog.csdn.net/t12x3456/article/list/2 1.Android的WebView控件载入网页显示速度慢的究极解决方案 http://www.cnblogs.com/xinye/p/3144139.html 2.WebView中的Java与JavaScript提供[安全可靠]的多样互通方案

iOS经验3: WebView的应用

镔哥认为UIWebView 控件在很多项目都要用到,毕竟我们要跟服务器打交道,很多都要请求网络,但是有些已经做好的网页,或者功能我们无法直接做,所以 IOS系统提供了 UIWebView 控件,从而可以方便地集成与网页相关的多种应用,该控件内置浏览器控件,可以用来浏览网页.打开文档等等. 一.UIWebView 可以加载和显示某个URL的网页,也可以显示基于HTML的本地网页或部分网页: A. 加载 URL WebView = [[UIWebView alloc] initWithFrame:C

OC开发学习过程中的一些小经验

1.引入头文件以及框架 :  @import   XXXX         XXXX表示需要引入的文件/框架2.头文件引用循环:两个头文件相互包含时,将其中一个头文件的类用@class引入3.设置边角幅度 :[  XX.layer setCornerRadius:100 ]  ;    XX表示需要设置边角的对象,一般是给按钮设置,边角幅度大小跟最后数字取值关联.4.多个引号处理方法:引号前加\,如果还有括号影响,就再单独用@“ “将其框起来..专业术语叫转义字符.. 5.在UIWebview中

善用iOS中webview(转)

iOS开发中webview和native code写这是一件纠结的事?我写这篇文章, 介绍一下我做iOS两年来总结的一些在webview和native code的配合上的一些经验和技巧,当然,都是基于互联网App的,希望对大家有所帮助. 首先提两句两者的优劣?webview与运维成本低, 更新几乎不依赖App的版本:但在交互和性能上与跟native code有很大差距.native code与之对应. 注,我这里不说HTML5,因为我认为,HTML5确实给web带入了一个新时代.这个时代是什么,

Android使用WebView开发常见的坑

原文链接:http://mp.weixin.qq.com/s?__biz=MzAwODE1NTI2MQ==&tempkey=uP3a%2BOgIN7vPbLfJp3BTCl2KabYi1%2FfBUQEkkQD7ixoNgGn4JfrR81AwdwsBof%2FhsiCe4%2B9o0KJQ6lv%2B32pSyH46EQAIwJ5i%2BxxED%2BjrIpwHyFCFbDUibPnNlrZDxQAc4JV34qtCRBPLX6fF3qjtjQ%3D%3D&chksm=1b727810

WebView·开发指南

WebView·开车指南 作者:凌俊琦链接:https://zhuanlan.zhihu.com/p/22247021来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. Tips 由于WebView的用法实在太多,如果您只是想查询某个功能的使用——建议Ctrl+F(Commad+F)在本页面搜索关键字查找. 文章给前半部分大多是方法的介绍,若嫌琐碎可直接拖到最后看代码演示. Thanks for reading~! (?ε? ) 前言 喝酒不开车,开车不喝酒. 目录

跑步进入全站 HTTPS ,这些经验值得你看看

随着国内网络环境的持续恶化,各种篡改和劫持层出不穷,越来越多的网站选择了全站 HTTPS.就在前几天,免费提供证书服务的 Let’s Encrypt 项目也正式开放测试,HTTPS 很快就会成为 WEB 必选项.HTTPS 通过 TLS 层和证书机制提供了内容加密.身份认证和数据完整性三大功能,可以有效防止数据被查看或篡改,以及防止中间人冒充.本文分享一些启用 HTTPS 过程中的经验,重点是如何与一些新出的安全规范配合使用.至于 HTTPS 的部署及优化,之前写过很多,本文不重复了. 理解 M

小经验

1.设置tableview返回时取消选中状态 - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [self.tableview deselectRowAtIndexPath:self.tableview.indexPathForSelectedRow animated:YES]; } 2.设置UIPickerView默认选中 [pickerView selectRow:5 inComponent:0