在Android手机中放到了一款高性能webkit内核浏览器,在SDK中封装为一个称呼WebView组件。上面总括一下行使webview遭遇的那多少个事、那多少个坑。

目录

一、webview的主旨选取方法

二、webview与js的并行(附上示例项目完全源码)

1.js与android的交互
2.android调用js无参无重临值函数
3.android调用js有参无重回值函数
4.android调用js有参有再次回到值函数(4.4在此之前)
5.android调用js有参有再次来到值函数(4.4随后)
6.赢得网页图片举行拓宽

三、webview遭受的这多少个坑与缓解措施**

一、webview的骨干选取格局

1.
添加权限:AndroidManifest.xml中装置权限”android.permission.INTERNET”,否则会出Web
page not available错误。

2. 在要Activity中生成一个WebView组件:WebView webView = new
WebView(this);或者可以在activity的layout文件里添加webview控件

3. 安装WebView基本音信:

mWebView = (WebView) findViewById(R.id.wb);
mWebView.getSettings().setJavaScriptEnabled(true);//支持javascript
mWebView.requestFocus();//触摸焦点起作用mWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);//取消滚动条
mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);//设置允许js弹出alert对话框
//load本地
mWebView.loadUrl("file:///android_asset/hellotest.html");
//load在线
//mWebView.loadUrl("http://www.google.com");
//js访问android,定义接口
mWebView.addJavascriptInterface(new JsInteration(), "control");
//设置了Alert才会弹出,重新onJsAlert()方法return true可以自定义处理信息
mWebView.setWebChromeClient(new WebChromeClient() {    
@Override    
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {        
//return super.onJsAlert(view, url, message, result);        
Toast.makeText(MainActivity.this, message, Toast.LENGTH_LONG).show();        
return true;  
  }});

4.
装置WevView要出示的网页:互联网用:webView.loadUrl(“http://www.google.com“);
本地文件用:webView.loadUrl(“file:///android_asset/XX.html”);
本地文件存放在:assets文件中

5.
比方期待点击链接由自己处理,而不是新开Android的系统browser中响应该链接。给WebView添加一个风波监听目的(WebViewClient)天公地道写其中的部分方法:
shouldOverrideUrlLoading:对网页中超链接按钮的响应。当按下某个连接时WebViewClient会调用这么些办法,并传递参数

public boolean shouldOverrideUrlLoading(WebView view,String url){
       view.loadUrl(url);
       return true;          
        }

6. 处理https请求
webView默认是不处理https请求的,页面展现空白,需要开展如下设置:

webView.setWebViewClient(new WebViewClient() { 
@Override public void onReceivedSslError(WebView view, 
SslErrorHandler handler, SslError error) { 
handler.proceed(); 
// handler.cancel(); 
// handler.handleMessage(null); } });
onReceivedSslError为webView处理ssl证书设置

其间handler.proceed();表示等待证书响应
handler.cancel();表示挂起一连,为默认格局
handler.handleMessage(null);可做任何处理
其余还有其他部分可重写的主意
1,接收到Http请求的轩然大波onReceivedHttpAuthRequest(WebView view,
HttpAuthHandler handler, String host, String realm)
2,载入页面完成的轩然大波public void onPageFinished(WebView view, String
url){ }
同一道理,我们了然一个页面载入完成,于是我们得以关闭loading条,切换程序动作。
3,载入页面起先的事件public void onPageStarted(WebView view, String url,
Bitmap favicon) { }
这些事件就是起初载入页面调用的,通常大家可以在这设定一个loading的页面,告诉用户程序在守候网络响应。
通过这多少个事件,我们可以很自在的控制程序操作,一边用着浏览器显示内容,一边监控着用户操作实现咱们需要的各个突显格局,同时可以制止用户暴发误操作。

7.
如若用webview点链接看了成千上万页未来,假如不做任何处理,点击系统“Back”键,整个浏览器会调用finish()而终止自己,假使指望浏览的网页回退而不是脱离浏览器,需要在眼前Activity中处理并花费掉该Back事件。
覆盖Activity类的onKeyDown(int keyCoder,Key伊夫nt event)方法。

 @Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {  
  if (keyCode == KeyEvent.KEYCODE_BACK && webView.canGoBack()) {    
    webView.goBack();// 返回前一个页面   
     return true;   
 }    
return super.onKeyDown(keyCode, event);
}

二、webview与js的互相(相互调用参数、传值)

前端网页全部代码,小说最终有示范项目完全源码

<!DOCTYPE html><html><head>    <meta charset="utf-8">    
<title>jaydenxiao遇上了webview</title>    
<script>
function sayHello() {
alert("我是无参无返回toast") 
}
function alertMessage(message) { 
alert(message)  
}
function toastMessage(message) {
window.control.toastMessage(message)
}
function sumToJava(number1, number2){
window.control.onSumResult(number1 + number2)
}
function sumToJava2(number1, number2) {
return number1 + number2;
}    
</script>
</head><body>
<button type="button" id="button" onclick="toastMessage('js调用了android方法')">js访问android中方法</button>
</body>
</html>

调用示例:

js调用Java

调用格式为window.jsInterfaceName.methodName(parameterValues)
此例中我们采纳的是control作为注入接口名称。

function toastMessage(message) { 
window.control.toastMessage(message) 
}
 function sumToJava(number1, number2){ 
window.control.onSumResult(number1 + number2)
 }
Java调用JS

webView调用js的骨干格式为webView.loadUrl(“javascript:methodName(parameterValues)”)
1. android调用js无参无重回值函数

final String call = "javascript:sayHello()";
mWebView.post(new Runnable() {    
@Override    
public void run() { 
       mWebView.loadUrl(call);    
}});

2. android调用js有参无重回值函数

final String call = "javascript:alertMessage(\"" + "我是android传过来的内容,hey man" + "\")";
mWebView.post(new Runnable() {    
@Override    
public void run() { 
       mWebView.loadUrl(call);    
}});

3. android调用js有参有再次来到值函数(4.4事先)
Android在4.4事先并没有提供第一手调用js函数并拿到值的章程,所以在此以前,常用的笔触是
java调用js方法,js方法执行完毕,再度调用java代码将值再次来到。
**(1).android调用js代码 **

final String call = "javascript:sumToJava(1,2)";
mWebView.post(
new Runnable() {  
  @Override   
 public void run() {       
 mWebView.loadUrl(call);   
 }});

(2).js函数处理,并将结果通过调用android方法重返
网页端:

function sumToJava(number1, number2){ 
window.control.onSumResult(number1 + number2) 
} 

(3).android在回调方法中赢得js函数重临值

@JavascriptInterfacepublic void onSumResult(int result) {   
Toast.makeText(getApplicationContext(), "我是android调用js方法(4.4前),入参是1和2,js返回结果是" + result, Toast.LENGTH_LONG).show();
}

4. android调用js有参有再次来到值函数(4.4上述):
Android 4.4之上使用evaluateJavascript即可。这里显示一个简单的相互示例
具有重回值的js方法

js代码如下:

function sumToJava2(number1, number2) {
return number1 + number2;
}

android代码如下:

@TargetApi(Build.VERSION_CODES.KITKAT)
public void Android2JsHaveParmHaveResult2(View view) { 
 mWebView.evaluateJavascript("sumToJava2(3,4)", new ValueCallback<String>() {
@Override 
public void onReceiveValue(String Str) {   
Toast.makeText(getApplicationContext(), "我是android调用js方法(4.4后),入参是3和4,js返回结果是" + Str, Toast.LENGTH_LONG).show(); 
  }    
});}

三、webview遭遇的这多少个坑与缓解模式

1. WebView的内存泄露。
那一个题材,很难清晰描述,你在Google里搜 webview lead memory 能搜到很多结出
甚至还有给Google交付的issue 哈哈,我也无力回天提交一个清晰的答案 在如何时候
什么版本这多少个手机上自然会并发内存泄露,
只是依照一些monkey结果来看,有时,webview内存泄露的意况仍然很惨重的,尤其是当您加载的页面相比较庞大的时候。解决方案参考下微信和qq的做法,试了一下是现阶段效应最好的,
就是 当你要用webview的时候,记得最好 另外单独开一个进程 去行使webview
并且当这么些 进程为止时,请手动调用System.exit(0)。
这是当前对于webview 内存泄露 最好的缓解方案。使用此方法
所有因为webview引发的 资源无法自由等题材 全体可以缓解。

2. getSettings().setBuiltInZoomControls(true) 引发的crush。
那么些主意调用以后 倘诺您动手屏幕 弹出十分提醒框还没消逝的时候
你一旦activity截至了 就会报错了。3.0以上 4.4之下居多手机会合世这种情形
因而为了避开他,我们通常是在activity的onDestroy方法里手动的将webiew设置成
setVisibility(View.GONE)

3.onPageFinished 函数到底有用没有?
大部开发者都是参考的http://stackoverflow.com/questions/3149216/how-to-listen-for-a-webview-finishing-loading-a-url-in-android
这个下面的高票答案。
但实质上依据我要好观望,这么些函数并从未什么样卵用,有的时候是提前截止,有的时候就迟迟不可能收场,你信这么些函数
还不如信上帝,甚至于onProgressChanged那些函数
都比onPageFinished
要准一些。假诺你的成品经营坚贞不屈你早晚要促成这种功能的话,我提议你
提早截止他,否则卡在这用户迟迟动不了 这种感受不佳。
空闲的同室可以跟一下源码,onPageFinished 在不同的水源里
调用的机会都不均等。说实话 我也很醉。。。这些问题 有健全解决方案的
请知会我弹指间。。。

4.后台不可以自由js 导致耗电。
以此可能很少有人知晓,你只要webview加载的html里 有部分js
向来在实施比如动画片之类的事物,倘使此刻webview 挂在了后台
那一个资源是不会被保释,用户也心慌意乱感知,导致一贯占据cpu
耗电特别快,所以我们记住了,要是赶上这种景色请在onstop和onresume里分别把setJavaScriptEnabled();
给安装成false和true。

5.假诺实在不想用开额外经过的艺术缓解webview
内存泄露的题材,那么下面的不二法门很大程度上得以避免这种景观

public void releaseAllWebViewCallback() { 
 if (android.os.Build.VERSION.SDK_INT < 16) { 
 try { 
 Field field = WebView.class.getDeclaredField("mWebViewCore"); 
field = field.getType().getDeclaredField("mBrowserFrame"); 
 field = field.getType().getDeclaredField("sConfigCallback");
field.setAccessible(true); 
 field.set(null, null);
 } catch (NoSuchFieldException e) {
 if (BuildConfig.DEBUG) {
  e.printStackTrace();
  }
 } catch (IllegalAccessException e) {
 if (BuildConfig.DEBUG) {
  e.printStackTrace();
  }
  }
 } else {
 try {
 Field sConfigCallback = Class.forName("android.webkit.BrowserFrame").getDeclaredField("sConfigCallback");
 if (sConfigCallback != null) {
 sConfigCallback.setAccessible(true);
 sConfigCallback.set(null, null);
  }
 } catch (NoSuchFieldException e) {
if (BuildConfig.DEBUG) {
  e.printStackTrace();
  }
 } catch (ClassNotFoundException e) {
 if (BuildConfig.DEBUG) {
  e.printStackTrace();
  }
 } catch (IllegalAccessException e) {
 if (BuildConfig.DEBUG) {
  e.printStackTrace();
  }
  }
  }
 }

在webview的 destroy方法里 调用那多少个办法就行了。

最后附上示例源码,欢迎fork
and star

更多雅观小说请关注微信公众号”Android经验分享“:这里将长期为您分享Android高手经验、中外开源项目、源码解析、框架设计和Android好文推荐!

扫一扫加我哦

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图