webView的一些经验总结

Posted 2020-06-09

部分内容再录于：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的页面，告诉用户程序在等待网络响应。
 
通过这几个事件，我们可以很轻松的控制程序操作，一边用着浏览器显示内容，一边监控着用户操作实现我们需要的各种显示方式，同时可以防止用户产生误操作。