android WebView总结

最新推荐文章于 2021-03-29 09:45:24 发布

guankai1990

最新推荐文章于 2021-03-29 09:45:24 发布

阅读量355

点赞数

分类专栏： Android

Android 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

https://developer.android.com/reference/android/webkit/WebView.html

浏览器控件是每个开发环境都具备的，windows的有webbrowser，android和ios都有webview。只是其引擎不同，相对于微软的webbrowser，android及ios的webview的引擎都是webkit，对Html5提供支持。

webview组件如何使用。

1) 添加权限：AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。

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

<WebView

android:id="@+id/wv"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:text="@string/hello"

3)       设置WebView基本信息：
          如果访问的页面中有Javascript，则webview必须设置支持Javascript。
          webview.getSettings().setJavaScriptEnabled(true);
          触摸焦点起作用
          requestFocus();
          取消滚动条

在xml文件中属性定义android:scrollbars="none"

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

5) 如果希望点击链接由自己处理，而不是新开Android的系统browser中响应该链接。给WebView添加一个事件监听对象（WebViewClient)并重写其中的一些方法：
shouldOverrideUrlLoading：对网页中超链接按钮的响应。当按下某个连接时WebViewClient会调用这个方法，并传递参数：按下的url。

mWebView = (WebView) findViewById(R.id.webview);

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

另外还有其他一些可重写的方法
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的页面，告诉用户程序在等待网络响应。

通过这几个事件，我们可以很轻松的控制程序操作，一边用着浏览器显示内容，一边监控着用户操作实现我们需要的各种显示方式，同时可以防止用户产生误操作。

6) 如果用webview点链接看了很多页以后，如果不做任何处理，点击系统“Back”键，整个浏览器会调用finish()而结束自身，如果希望浏览的网页回退而不是退出浏览器，需要在当前Activity中处理并消费掉该Back事件。
覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法。

public boolean onKeyDown(int keyCoder,KeyEvent event){
if(webView.canGoBack() && keyCoder == KeyEvent.KEYCODE_BACK){
webview.goBack(); //goBack()表示返回webView的上一页面

return true;
}
return false;
}

B. Webview与js交互

Webview与js的双向交互才是android的webview强大所在。

android对交互进行了很好的封装，在开发中我们可以很简单的用java代码调用webview中的js，也可以用webview中的js来调用本地的java代码，这样我们可以实现很多原来做不了的功能，比如点击网页上的电话号码后，手机自动拨打电话，发送短信等.

功能一

android中调用webview中的js脚本非常方便，只需要调用webview的loadUrl方法即可（注意开启js支持）

// 启用javascript
contentWebView.getSettings().setJavaScriptEnabled(true);
// 从assets目录下面的加载html
contentWebView.loadUrl("file:///android_asset/wst.html");
// 无参数调用
contentWebView.loadUrl("javascript:javacalljs()");

功能二

webview中js调用本地java方法，首先要对webview绑定javascriptInterface，js脚本通过这个接口来调用java代码。

绑定 contentWebView.addJavascriptInterface(this, "wst");

avainterface实际就是一个普通的java类，里面是我们本地实现的java代码，将object 传递给webview，并指定别名，这样js脚本就可以通过我们给的这个别名来调用我们的方法,在上面的代码中，this是实例化的对象，wst是这个对象在js中的别名

功能三
java代码调用js并传递参数
只需要在待用js函数的时候加入参数即可，下面是传递一个参数的情况，需要多个参数的时候自己拼接及行了，注意str类型在传递的时候参数要用单引号括起来

mWebView.loadUrl("javascript:test('" + aa+ "')"); //aa是js的函数test()的参数

功能四
js调用java函数并传参，java函数正常书写，在js脚本中调用的时候稍加注意
然后在html页面中，利用如下代码，即可实现调用

实例

html文件

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312">
<script type="text/javascript">
function javacalljs(){
document.getElementById("content").innerHTML +=
"<br\>java调用了js函数";
}

function javacalljswithargs(arg){
document.getElementById("content").innerHTML +=
("<br\>"+arg);
}

</script>
</head>
<body>
this is my html <br/>
<a onClick="window.wst.startFunction()">点击调用java代码</a><br/>
<a onClick="window.wst.startFunction('hello world')" >点击调用java代码并传递参数</a>
<br/>
<div id="content">内容显示</div>
</body>
</html>

java代码

package wst.webview;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {

private WebView contentWebView = null;
private TextView msgView = null;

@SuppressLint("SetJavaScriptEnabled")
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
contentWebView = (WebView) findViewById(R.id.webview);
msgView = (TextView) findViewById(R.id.msg);
// 启用javascript
contentWebView.getSettings().setJavaScriptEnabled(true);
// 从assets目录下面的加载html
contentWebView.loadUrl("file:///android_asset/wst.html");

Button button = (Button) findViewById(R.id.button);
button.setOnClickListener(btnClickListener);
contentWebView.addJavascriptInterface(this, "wst");
}

OnClickListener btnClickListener = new Button.OnClickListener() {
public void onClick(View v) {
// 无参数调用
contentWebView.loadUrl("javascript:javacalljs()");
// 传递参数调用
contentWebView.loadUrl("javascript:javacalljswithargs(" + "'hello world'" + ")");
}
};

public void startFunction() {
Toast.makeText(this, "js调用了java函数", Toast.LENGTH_SHORT).show();
runOnUiThread(new Runnable() {

@Override
public void run() {
msgView.setText(msgView.getText() + "\njs调用了java函数");

}
});
}

public void startFunction(final String str) {
Toast.makeText(this, str, Toast.LENGTH_SHORT).show();
runOnUiThread(new Runnable() {

@Override
public void run() {
msgView.setText(msgView.getText() + "\njs调用了java函数传递参数：" + str);

}
});
}
}

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<WebView
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="9" />

<ScrollView
android:id="@+id/scrollView1"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >

<TextView
android:id="@+id/msg"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="text" />
</ScrollView>

<Button
android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="java调用js函数" />

</LinearLayout>

guankai1990

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
android WebView总结

浏览器控件是每个开发环境都具备的，windows的有webbrowser，android和ios都有webview。只是其引擎不同，相对于微软的webbrowser，android及ios的webview的引擎都是webkit，对Html5提供支持。webview组件如何使用。1) 添加权限：AndroidManifest.xml中必须使用许可"android.
复制链接

扫一扫