首先要在manifest.main文件中创建一个webview，然后再activity中定义这个webview然后
进行一下相关操作。
1、添加权限：AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出
Web page not available错误。
2、在要Activity中生成一个WebView组件：WebView webView = new WebView(this);
3、设置WebView基本信息：
如果访问的页面中有Javascript，则webview必须设置支持Javascript。
webview.getSettings().setJavaScriptEnabled(true);
触摸焦点起作用
requestFocus();
取消滚动条
this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
4如果希望点击链接由自己处理，而不是新开Android的系统browser中响应该链接。给
WebView添加一个事件监听对象（WebViewClient)并重写其中的一些方法
shouldOverrideUrlLoading：对网页中超链接按钮的响应。 当按下某个连接时WebViewClient
会调用这个方法，并传递参数：按下的url
onLoadResource
onPageStart
onPageFinish
onReceiveError
onReceivedHttpAuthRequest
5、如果访问的页面中有Javascript，则webview必须设置支持Javascript ，否则显示空白页面。
Java代码
webview.getSettings().setJavaScriptEnabled(true);
6、如果页面中链接，如果希望点击链接继续在当前browser中响应，而不是新开Android的系统browser
中响应该链接，必须覆盖webview的WebViewClient对象：
Java代码
1. mWebView.setWebViewClient(new WebViewClient(){
2. public boolean shouldOverrideUrlLoading(WebView view, String url) {
3. view.loadUrl(url);
4. return true;
5. }
6. });
上述方法告诉系统由我这个WebViewClient处理这个Intent,我来加载URL。点击一个链接的Intent是向上
冒泡的，shouldOverrideUrlLoading方法return true表示我加载后这个Intent就消费了，不再向上冒泡了。
7、如果不做任何处理，在显示你的Brower UI时，点击系统“Back”键，整个Browser会作为一个整体“Back"
到其他Activity中，而不是希望的在Browser的历史页面中 Back。如果希望实现在历史页面中Back，需
要在当前Activity中处理并消费掉该Back事件：
Java代码
1. public boolean onKeyDown(int keyCode, KeyEvent event) {
2. if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
3. mWebView.goBack();
4. return true;
5. }
6. return super.onKeyDown(keyCode, event);
7. }
对于Android 2.0开始又多出了一种新的方法，对于Activity 可以单独获取Back键的按下事件，直接重
写 onBackPressed 方法即可，代码如下
Java代码
@Override
1、public void onBackPressed() {
2、 // 这里处理逻辑代码，该方法仅适用于2.0或更高版本的sdk
3、 return ;
4、}
这里还有几个知识点：
1)为了让WebView从apk文件中加载 assets，Android SDK提供了一个schema，前缀为
"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的 assets目录中找内
容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要绑定的 Java对象及方法要运行另外的线程中，不能运行在
构造他的线程中，这也是使用Handler的目的。
Webview的两种显示网页的方法：
（1）：webview.loadUrl(“www.baidu.com”);
public class WebviewTest extends Activity {
/** Called when the activity is first created. */
private WebView mWebView;
private Button bt1;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView)findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
bt1 = (Button)findViewById(R.id.Button01);
bt1.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0) {
// TODO Auto-generated method stub
webview.loadUrl(“www.baidu.com”);
}
});
}
}
(2):自定义网页：Webview.data();
public class WebviewTest extends Activity {
/** Called when the activity is first created. */
private WebView mWebView;
private Button bt1;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView)findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
bt1 = (Button)findViewById(R.id.Button01);
bt1.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0) {
// TODO Auto-generated method stub
String str = "asdas";
mWebView.loadData(
"<html><body>"+str+"</body></html>",
"text/html", "utf-8");
}
});
}
}
Webview的常用方法实例：
Manifest.xml中的代码：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
布局文件中的代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView android:id="@+id/WebView01" android:layout_width="fill_parent"
android:layout_height="fill_parent"></WebView>
</LinearLayout>
TestWebviewDemo中的代码：
public class TestWebviewDemo extends Activity {
/** Called when the activity is first created. */
private static final String TAG = "TestWebviewDemo";
private WebView mWebView;
private Handler mHandler = new Handler();
private int mDensity;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.WebView01);
mWebView.getSettings().setAllowFileAccess(true);// 设置允许访问文件数据
mWebView.getSettings().setBuiltInZoomControls(true);// 设置支持缩放
mWebView.getSettings().setSavePassword(false); // 设置是否保存密码
// 设置支持JavaScript脚本
mWebView.getSettings().setJavaScriptEnabled(true);
// 设置支持各种不同的设备
mWebView
.getSettings()
.setUserAgentString(
"Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us)
AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10");
// 通过这个设置来执行加载webview网页时所要执行的一些方法
mWebView.setWebViewClient(new WebViewClient() {
// 新开页面时用自己定义的webview来显示，不用系统自带的浏览器来显示
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
// 当有新连接时使用当前的webview进行显示
view.loadUrl(url);
return super.shouldOverrideUrlLoading(view, url);
}
// 开始加载网页时要做的工作
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
}
//加载完成时要做的工作
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
}
// 加载错误时要做的工作
public void onReceivedError(WebView view, int errorCode,
String description, String failingUrl) {
Log.d(TAG, "error=" + description);
Toast.makeText(TestWebviewDemo.this,
errorCode + "/" + description, Toast.LENGTH_LONG)
.show();
}
});
// 处理网页中的一些对话框信息（提示对话框，带选择的对话框，带输入的对话
框）
mWebView.setWebChromeClient(new WebChromeClient() {
// 对话框
public boolean onJsAlert(WebView view, String url, String message,
final JsResult result) {
// 构建一个Builder来显示网页中的alert对话框
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("提示对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
// 带按钮的对话框
public boolean onJsConfirm(WebView view, String url,
String message, final JsResult result) {
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("带选择的对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setNeutralButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
// 带输入框的对话框
public boolean onJsPrompt(WebView view, String url, String message,
String defaultValue, final JsPromptResult result) {
LayoutInflater inflater = LayoutInflater
.from(TestWebviewDemo.this);
final View v = inflater.inflate(R.layout.prom_dialog, null);
// 设置 TextView对应网页中的提示信息
((TextView) v.findViewById(R.id.TextView_PROM))
.setText(message);
// 设置EditText对应网页中的输入框
((EditText) v.findViewById(R.id.EditText_PROM))
.setText(defaultValue);
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("带输入的对话框");
builder.setView(v);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
String value = ((EditText) v
.findViewById(R.id.EditText_PROM))
.getText().toString();
result.confirm(value);
}
});
builder.setNegativeButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder
.setOnCancelListener(new DialogInterface.OnCancelListener() {
@Override
public void onCancel(DialogInterface dialog) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.create();
builder.show();
return true;
}
// 设置网页加载的进度条
public void onProgressChanged(WebView view, int newProgress) {
TestWebviewDemo.this.getWindow().setFeatureInt(
Window.FEATURE_PROGRESS, newProgress * 100);
super.onProgressChanged(view, newProgress);
}
// 设置应用程序的标题
public void onReceivedTitle(WebView view, String title) {
TestWebviewDemo.this.setTitle(title);
super.onReceivedTitle(view, title);
}
});
// 与网页进行交互的addJavascriptInterface()的方法
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid(final String str) {
mHandler.post(new Runnable() {
@Override
public void run() {
// 逻辑代码
});
}
}, "demo");
if (mDensity == 240) { // 可以让不同的density的情况下，可以让页面进行适配
mWebView.getSettings().setDefaultZoom(ZoomDensity.FAR);
} else if (mDensity == 160) {
mWebView.getSettings().setDefaultZoom(ZoomDensity.MEDIUM);
} else {
mWebView.getSettings().setDefaultZoom(ZoomDensity.CLOSE);
}
String strUrl = "http://10.0.2.2:8080/WebTest3";
mWebView.loadUrl(strUrl);
}
//处理返回的事件，（后退进入前一个界面而不是全部退出）
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {
mWebView.goBack();// 返回前一个页面
return true;
}
return super.onKeyDown(keyCode, event);
}
Webview中java与网页进行数据交互：
先看我们的html文档：
<html>
<script language="javascript">
/* This function is invoked by the activity */
function wave() {
alert("1");
document.getElementById("droid").src="android_waving.png";
alert("2");
}
</script>
<body>
<!-- Calls into the javascript interface for the activity -->
//js调用Java方法
<a onClick="window.demo.clickOnAndroid()"><div style="width:80px;
margin:0px auto;
padding:10px;
text-align:center;
border:2px solid #202020;" >
<img id="droid" src="android_normal.png"/><br>
Click me!
</div></a>
</body>
</html>
Manifest.Xml中：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
再看我们的java 代码。
Java代码
public class WebViewDemo extends Activity {
private static final String LOG_TAG = "WebViewDemo";
private WebView mWebView;
private Handler mHandler = new Handler();
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setSavePassword(false);
webSettings.setSaveFormData(false);
webSettings.setJavaScriptEnabled(true);
webSettings.setSupportZoom(false);
mWebView.setWebChromeClient(new MyWebChromeClient());
//自定义的Demo，供js网页调用
mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");
mWebView.loadUrl("file:///android_asset/demo.html");
}
final class DemoJavaScriptInterface {
DemoJavaScriptInterface() {
}
/**
* This is not called on the UI thread. Post a runnable to invoke
* loadUrl on the UI thread.
*/
public void clickOnAndroid() {
//用handler来更新UI
mHandler.post(new Runnable() {
public void run() {
//Java调用js方法
mWebView.loadUrl("javascript:wave()");
}
});
}
}
/**
* Provides a hook for calling "alert" from javascript. Useful for
* debugging your javascript.
*/
final class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
Log.d(LOG_TAG, message);
result.confirm();
return true;
}
}
}
再看个例子：
Html中的代码：
<script type="text/JavaScript">
function s(){
alert("Good Morning!");
}
function d(){
confirm("Are you ok?")
}
function f(){
prompt("What’s your name?")
}
</script>
</head>
<body>
<body>
下面我们演示三种对话框
<br/><br/>
<input type="button" value="警告，提醒对话框" οnclick="s()">
<br/><br/>
<input type="button" value="带选择的对话框" οnclick="d()">
<br/><br/>
<input type="button" value="要求用户输入的对话框" οnclick="f()">
</body>
Manifest.Xml中：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
Java中的代码：
public class Test extends Activity {
/** Called when the activity is first created. */
private EditText et = null;
private Button btn = null;
private WebView wv = null;
private WebSettings ws = null;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
et = (EditText) this.findViewById(R.id.EditText01);
btn = (Button) this.findViewById(R.id.Button01);
wv = (WebView) this.findViewById(R.id.WebView);
ws = wv.getSettings();
ws.setAllowFileAccess(true);//设置允许访问文件数据
ws.setJavaScriptEnabled(true);//设置支持javascript脚本
ws.setBuiltInZoomControls(true);//设置支持缩放
wv.requestFocus();
wv.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view,String url){
//当有新连接时，使用当前的 WebView
view.loadUrl(url);
return true;
}
});
wv.setWebChromeClient(new WebChromeClient(){
public boolean onJsAlert(WebView view,String url,String message,final JsResult
result){
//构建一个Builder来显示网页中的alert对话框
Builder builder = new Builder(Test.this);
builder.setTitle("提示对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
public boolean onJsConfirm(WebView view,String url,String message,final
JsResult result){
Builder builder = new Builder(Test.this);
builder.setTitle("带选择的对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setNeutralButton(android.R.string.cancel, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
public boolean onJsPrompt(WebView view,String url,String message,String
defaultValue,final JsPromptResult result){
LayoutInflater inflater = LayoutInflater.from(Test.this);
final View v = inflater.inflate(R.layout.prom_dialog, null);
//设置 TextView对应网页中的提示信息
((TextView)v.findViewById(R.id.TextView_PROM)).setText(message);
//设置EditText对应网页中的输入框
((EditText)v.findViewById(R.id.EditText_PROM)).setText(defaultValue);
Builder builder = new Builder(Test.this);
builder.setTitle("带输入的对话框 ");
builder.setView(v);
builder.setPositiveButton(android.R.string.ok, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
String value =
((EditText)v.findViewById(R.id.EditText_PROM)).getText().toString();
result.confirm(value);
}
});
builder.setNegativeButton(android.R.string.cancel, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.setOnCancelListener(new DialogInterface.OnCancelListener(){
@Override
public void onCancel(DialogInterface dialog) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.create();
builder.show();
return true;
}
//设置网页加载的进度条
public void onProgressChanged(WebView view,int newProgress){
Test.this.getWindow().setFeatureInt(Window.FEATURE_PROGRESS,
newProgress*100);
super.onProgressChanged(view, newProgress);
}
//设置应用程序的标题
public void onReceivedTitle(WebView view,String title){
Test.this.setTitle(title);
super.onReceivedTitle(view, title);
}
});
btn.setOnClickListener(new Button.OnClickListener(){
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
String url =et.getText().toString();
// String url = "http://10.0.2.2:8080/WebTest3";
//判断输入的内容是不是网址
if(URLUtil.isNetworkUrl(url)){
Log.d("++++++++++++", "sadas");
wv.loadUrl(url);
Toast.makeText(Test.this, url, Toast.LENGTH_SHORT).show();
}else{
et.setHint("输入的网址不合法，请重新输入");
// et.setText("输入的网址不合法，请重新输入");
}
}
});
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if(keyCode==KeyEvent.KEYCODE_BACK && wv.canGoBack()){
wv.goBack();//返回前一个页面
return true;
}
return super.onKeyDown(keyCode, event);
}
}
需要注意的地方，很多数据类型js中不认识，最好是在android那边封装好，提供必要的方
法接口。比如传到js中的list，在js中是没办法去得到里面的元素的。
Manifest.Xml中：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
html的带码
<script language="javascript">
window.οnlοad= function(){
var i=window.javatojs.getSize();
for(var n=0;n<i;n++){
var jsdata= window.javatojs.getObject(n);//拿到activity里面的属性javadata
var datalistdiv = document.getElementById("datalist"); //得到页面的div
pnode = document.createElement("p");//创建一个p标签，再建个textnode
tnode = document.createTextNode(jsdata);
pnode.appendChild(tnode);//p中加入数据
datalistdiv.appendChild(pnode);//div中键入新的p
}
}
</script>
<body>
<div id = "datalist">
this is a demo
</body>
Java的代码：
public class JavaToWebview extends Activity {
private WebView web;
public List list;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initData();
setContentView(R.layout.webview);
web = (WebView)this.findViewById(R.id.webview);
web.getSettings().setJavaScriptEnabled(true);//开启javascript设置
web.addJavascriptInterface(this, "javatojs");//把RIAExample的一个实例添加到js的全
局对象window中， //这样就可以使用window.javatojs来调用它的方法
web.loadUrl("file:///android_asset/demo5.html");//加载网页
}
void initData(){
list=new ArrayList<String>();
for(int i=0;i<5;i++){
list.add("我是从数据库中读取的哈哈");
}
}
/**
* 该方法将在js脚本中，通过window.javatojs.....()进行调用
* @return
*/
public Object getObject(int index){
return list.get(index);
}
public int getSize(){
return list.size();
}
}
再看一个查地图的例子：
Manifest.Xml中：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
布局文件中的代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Welcome to Mr Wei's Blog."
/>
<WebView
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<Button
android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Change the webview content"
/>
</LinearLayout>
在assets目录下新建一个demo.html文件,代码如下：
<html>
<script language="javascript"><!--
function fillContent(){
document.getElementById("content").innerHTML =
"This Content is showed by Android invoke Javascript function.";
}
// --></script>
<body>
<p><a onClick="window.demo.startMap()" href="">Start GoogleMap</a></p>
<p id="content"></p>
<p>A Demo ----Android and Javascript invoke each other.</p>
<p>Author:Frankiewei</p>
</body>
</html>
activity代码：
public class WebViewDemo extends Activity {
private WebView mWebView;
private Button mButton;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
setupViews();
}
//初始化
private void setupViews() {
mWebView = (WebView) findViewById(R.id.webview);
WebSettings mWebSettings = mWebView.getSettings();
//加上这句话才能使用javascript方法
mWebSettings.setJavaScriptEnabled(true);
//增加接口方法,让html页面调用
mWebView.addJavascriptInterface(new Object() {
//这里我定义了一个打开地图应用的方法
public void startMap() {
Intent mIntent = new Intent();
ComponentName component = new ComponentName(
"com.google.android.apps.maps",
"com.google.android.maps.MapsActivity");
mIntent.setComponent(component);
startActivity(mIntent);
}
}, "demo");
//加载页面
mWebView.loadUrl("file:///android_asset/demo.html");
mButton = (Button) findViewById(R.id.button);
//给button添加事件响应,执行JavaScript的fillContent()方法
mButton.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
mWebView.loadUrl("javascript:fillContent()");
}
});
}
}
其他例子如下：（activity中获取js界面输入框的值）
Jsp中的代码：
<body>
<form action="" method="post">
宝宝预产期：<br>
<select id="shijian" name="date">
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select><br>
常用邮箱号：
<input id="email" type="text" name="emailID" />
<br>
宝宝昵称：
<input id="name" type="text" name="username" />
<br>
宝宝性别：<br>
<input id="men" type="radio" name="sex" value="men"/>男
<input id="women" type="radio" name="sex" value="women"/>女
<br>
<input type="submit" value="注册"
οnclick="f()"/>
<input type="button" value="取消" />
</form>
</body>
<script type="text/JavaScript" language="javascript">
function f(){
var email = document.getElementById('email').value;
var name = document.getElementById('name').value;
var date = document.getElementById('shijian').value;
if(document.getElementById('men').checked
&& !document.getElementById('women').checked){
var sex = document.getElementById('men').value;
}else if(!document.getElementById('men').checked &&
document.getElementById('women').checked){
var sex = document.getElementById('women').value;
}
window.demo.clickOnAndroid(date+"|"+email+"|"+name+"|"+sex);
}
</script>
Manifest.xml中的代码：
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.ruixin.login" android:versionCode="1" android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".TestWebviewDemo" android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
<intent-filter>
<data android:mimeType="vnd.android.cursor.dir/vnd.ruixin.login" />
</intent-filter>
<intent-filter>
<data android:mimeType="vnd.android.cursor.item/vnd.ruixin.login" />
</intent-filter>
</activity>
<provider android:name="MyProvider" android:authorities="com.ruixin.login" />
</application>
<uses-sdk android:minSdkVersion="8" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission
android:name="android.permission.READ_CONTACTS"></uses-permission>
</manifest>
布局文件中的代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView android:id="@+id/WebView01" android:layout_width="fill_parent"
android:layout_height="fill_parent"></WebView>
</LinearLayout>
TestWebviewDemo中的代码：
public class TestWebviewDemo extends Activity {
/** Called when the activity is first created. */
private static final String TAG = "TestWebviewDemo";
private WebView mWebView;
private Handler mHandler = new Handler();
private int mDensity;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.WebView01);
mWebView.getSettings().setAllowFileAccess(true);// 设置允许访问文件数据
mWebView.getSettings().setBuiltInZoomControls(true);// 设置支持缩放
mWebView.getSettings().setSavePassword(false); // 设置是否保存密码
// 设置支持JavaScript脚本
mWebView.getSettings().setJavaScriptEnabled(true);
// 设置支持各种不同的设备
mWebView
.getSettings()
.setUserAgentString(
"Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us)
AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10");
// 通过这个设置来执行加载webview网页时所要执行的一些方法
mWebView.setWebViewClient(new WebViewClient() {
// 新开页面时用自己定义的webview来显示，不用系统自带的浏览器来显示
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
// 当有新连接时使用当前的webview进行显示
view.loadUrl(url);
return super.shouldOverrideUrlLoading(view, url);
}
// 开始加载网页时要做的工作
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
}
//加载完成时要做的工作
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
}
// 加载错误时要做的工作
public void onReceivedError(WebView view, int errorCode,
String description, String failingUrl) {
Log.d(TAG, "error=" + description);
Toast.makeText(TestWebviewDemo.this,
errorCode + "/" + description, Toast.LENGTH_LONG)
.show();
}
});
// 处理网页中的一些对话框信息（提示对话框，带选择的对话框，带输入的对话
框）
mWebView.setWebChromeClient(new WebChromeClient() {
// 对话框
public boolean onJsAlert(WebView view, String url, String message,
final JsResult result) {
// 构建一个Builder来显示网页中的alert对话框
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("提示对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
// 带按钮的对话框
public boolean onJsConfirm(WebView view, String url,
String message, final JsResult result) {
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("带选择的对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setNeutralButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
// 带输入框的对话框
public boolean onJsPrompt(WebView view, String url, String message,
String defaultValue, final JsPromptResult result) {
LayoutInflater inflater = LayoutInflater
.from(TestWebviewDemo.this);
final View v = inflater.inflate(R.layout.prom_dialog, null);
// 设置 TextView对应网页中的提示信息
((TextView) v.findViewById(R.id.TextView_PROM))
.setText(message);
// 设置EditText对应网页中的输入框
((EditText) v.findViewById(R.id.EditText_PROM))
.setText(defaultValue);
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("带输入的对话框");
builder.setView(v);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
String value = ((EditText) v
.findViewById(R.id.EditText_PROM))
.getText().toString();
result.confirm(value);
}
});
builder.setNegativeButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder
.setOnCancelListener(new DialogInterface.OnCancelListener() {
@Override
public void onCancel(DialogInterface dialog) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.create();
builder.show();
return true;
}
// 设置网页加载的进度条
public void onProgressChanged(WebView view, int newProgress) {
TestWebviewDemo.this.getWindow().setFeatureInt(
Window.FEATURE_PROGRESS, newProgress * 100);
super.onProgressChanged(view, newProgress);
}
// 设置应用程序的标题
public void onReceivedTitle(WebView view, String title) {
TestWebviewDemo.this.setTitle(title);
super.onReceivedTitle(view, title);
}
});
// 与网页进行交互的addJavascriptInterface()的方法
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid(final String str) {
mHandler.post(new Runnable() {
@Override
public void run() {
StringTokenizer stringTokenizer = new StringTokenizer(
str, "|");
date = stringTokenizer.nextToken();
email = stringTokenizer.nextToken();
username = stringTokenizer.nextToken();
sex = stringTokenizer.nextToken();
//将数据出入数据库
dBlite1.add(email,username,date,sex);
// 用contentResolver访问存入到contentprovider中的数据
contentResolver = TestWebviewDemo.this
.getContentResolver();
Log.d("++++", RuiXin.CONTENT_URI.toString());
Cursor cursor = contentResolver.query(
RuiXin.CONTENT_URI, new String[] {
RuiXin.EMAIL, RuiXin.USERNAME,
RuiXin.DATE,RuiXin.SEX }, null, null, null);
Log.d("@@@----", cursor.toString());
// startManagingCursor(cursor);
while (cursor.moveToNext()) {
Toast.makeText(
TestWebviewDemo.this,
cursor.getString(cursor.getColumnIndex(RuiXin.EMAIL))
+ " "
+ cursor.getString(cursor
.getColumnIndex(RuiXin.USERNAME))
+ " "
+ cursor.getString(cursor
.getColumnIndex(RuiXin.DATE))
+ " "
+ cursor.getString(cursor
.getColumnIndex(RuiXin.SEX)),
Toast.LENGTH_SHORT).show();
}
startManagingCursor(cursor); //关闭游标
}
});
}
}, "demo");
if (mDensity == 240) { // 可以让不同的density的情况下，可以让页面进行适配
mWebView.getSettings().setDefaultZoom(ZoomDensity.FAR);
} else if (mDensity == 160) {
mWebView.getSettings().setDefaultZoom(ZoomDensity.MEDIUM);
} else {
mWebView.getSettings().setDefaultZoom(ZoomDensity.CLOSE);
}
String strUrl = "http://10.0.2.2:8080/WebTest3";
mWebView.loadUrl(strUrl);
}
//处理返回的事件，（后退进入前一个界面而不是全部退出）
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {
mWebView.goBack();// 返回前一个页面
return true;
}
return super.onKeyDown(keyCode, event);
}
进行一下相关操作。
1、添加权限：AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出
Web page not available错误。
2、在要Activity中生成一个WebView组件：WebView webView = new WebView(this);
3、设置WebView基本信息：
如果访问的页面中有Javascript，则webview必须设置支持Javascript。
webview.getSettings().setJavaScriptEnabled(true);
触摸焦点起作用
requestFocus();
取消滚动条
this.setScrollBarStyle(SCROLLBARS_OUTSIDE_OVERLAY);
4如果希望点击链接由自己处理，而不是新开Android的系统browser中响应该链接。给
WebView添加一个事件监听对象（WebViewClient)并重写其中的一些方法
shouldOverrideUrlLoading：对网页中超链接按钮的响应。 当按下某个连接时WebViewClient
会调用这个方法，并传递参数：按下的url
onLoadResource
onPageStart
onPageFinish
onReceiveError
onReceivedHttpAuthRequest
5、如果访问的页面中有Javascript，则webview必须设置支持Javascript ，否则显示空白页面。
Java代码
webview.getSettings().setJavaScriptEnabled(true);
6、如果页面中链接，如果希望点击链接继续在当前browser中响应，而不是新开Android的系统browser
中响应该链接，必须覆盖webview的WebViewClient对象：
Java代码
1. mWebView.setWebViewClient(new WebViewClient(){
2. public boolean shouldOverrideUrlLoading(WebView view, String url) {
3. view.loadUrl(url);
4. return true;
5. }
6. });
上述方法告诉系统由我这个WebViewClient处理这个Intent,我来加载URL。点击一个链接的Intent是向上
冒泡的，shouldOverrideUrlLoading方法return true表示我加载后这个Intent就消费了，不再向上冒泡了。
7、如果不做任何处理，在显示你的Brower UI时，点击系统“Back”键，整个Browser会作为一个整体“Back"
到其他Activity中，而不是希望的在Browser的历史页面中 Back。如果希望实现在历史页面中Back，需
要在当前Activity中处理并消费掉该Back事件：
Java代码
1. public boolean onKeyDown(int keyCode, KeyEvent event) {
2. if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
3. mWebView.goBack();
4. return true;
5. }
6. return super.onKeyDown(keyCode, event);
7. }
对于Android 2.0开始又多出了一种新的方法，对于Activity 可以单独获取Back键的按下事件，直接重
写 onBackPressed 方法即可，代码如下
Java代码
@Override
1、public void onBackPressed() {
2、 // 这里处理逻辑代码，该方法仅适用于2.0或更高版本的sdk
3、 return ;
4、}
这里还有几个知识点：
1)为了让WebView从apk文件中加载 assets，Android SDK提供了一个schema，前缀为
"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的 assets目录中找内
容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要绑定的 Java对象及方法要运行另外的线程中，不能运行在
构造他的线程中，这也是使用Handler的目的。
Webview的两种显示网页的方法：
（1）：webview.loadUrl(“www.baidu.com”);
public class WebviewTest extends Activity {
/** Called when the activity is first created. */
private WebView mWebView;
private Button bt1;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView)findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
bt1 = (Button)findViewById(R.id.Button01);
bt1.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0) {
// TODO Auto-generated method stub
webview.loadUrl(“www.baidu.com”);
}
});
}
}
(2):自定义网页：Webview.data();
public class WebviewTest extends Activity {
/** Called when the activity is first created. */
private WebView mWebView;
private Button bt1;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView)findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
bt1 = (Button)findViewById(R.id.Button01);
bt1.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0) {
// TODO Auto-generated method stub
String str = "asdas";
mWebView.loadData(
"<html><body>"+str+"</body></html>",
"text/html", "utf-8");
}
});
}
}
Webview的常用方法实例：
Manifest.xml中的代码：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
布局文件中的代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView android:id="@+id/WebView01" android:layout_width="fill_parent"
android:layout_height="fill_parent"></WebView>
</LinearLayout>
TestWebviewDemo中的代码：
public class TestWebviewDemo extends Activity {
/** Called when the activity is first created. */
private static final String TAG = "TestWebviewDemo";
private WebView mWebView;
private Handler mHandler = new Handler();
private int mDensity;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.WebView01);
mWebView.getSettings().setAllowFileAccess(true);// 设置允许访问文件数据
mWebView.getSettings().setBuiltInZoomControls(true);// 设置支持缩放
mWebView.getSettings().setSavePassword(false); // 设置是否保存密码
// 设置支持JavaScript脚本
mWebView.getSettings().setJavaScriptEnabled(true);
// 设置支持各种不同的设备
mWebView
.getSettings()
.setUserAgentString(
"Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us)
AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10");
// 通过这个设置来执行加载webview网页时所要执行的一些方法
mWebView.setWebViewClient(new WebViewClient() {
// 新开页面时用自己定义的webview来显示，不用系统自带的浏览器来显示
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
// 当有新连接时使用当前的webview进行显示
view.loadUrl(url);
return super.shouldOverrideUrlLoading(view, url);
}
// 开始加载网页时要做的工作
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
}
//加载完成时要做的工作
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
}
// 加载错误时要做的工作
public void onReceivedError(WebView view, int errorCode,
String description, String failingUrl) {
Log.d(TAG, "error=" + description);
Toast.makeText(TestWebviewDemo.this,
errorCode + "/" + description, Toast.LENGTH_LONG)
.show();
}
});
// 处理网页中的一些对话框信息（提示对话框，带选择的对话框，带输入的对话
框）
mWebView.setWebChromeClient(new WebChromeClient() {
// 对话框
public boolean onJsAlert(WebView view, String url, String message,
final JsResult result) {
// 构建一个Builder来显示网页中的alert对话框
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("提示对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
// 带按钮的对话框
public boolean onJsConfirm(WebView view, String url,
String message, final JsResult result) {
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("带选择的对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setNeutralButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
// 带输入框的对话框
public boolean onJsPrompt(WebView view, String url, String message,
String defaultValue, final JsPromptResult result) {
LayoutInflater inflater = LayoutInflater
.from(TestWebviewDemo.this);
final View v = inflater.inflate(R.layout.prom_dialog, null);
// 设置 TextView对应网页中的提示信息
((TextView) v.findViewById(R.id.TextView_PROM))
.setText(message);
// 设置EditText对应网页中的输入框
((EditText) v.findViewById(R.id.EditText_PROM))
.setText(defaultValue);
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("带输入的对话框");
builder.setView(v);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
String value = ((EditText) v
.findViewById(R.id.EditText_PROM))
.getText().toString();
result.confirm(value);
}
});
builder.setNegativeButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder
.setOnCancelListener(new DialogInterface.OnCancelListener() {
@Override
public void onCancel(DialogInterface dialog) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.create();
builder.show();
return true;
}
// 设置网页加载的进度条
public void onProgressChanged(WebView view, int newProgress) {
TestWebviewDemo.this.getWindow().setFeatureInt(
Window.FEATURE_PROGRESS, newProgress * 100);
super.onProgressChanged(view, newProgress);
}
// 设置应用程序的标题
public void onReceivedTitle(WebView view, String title) {
TestWebviewDemo.this.setTitle(title);
super.onReceivedTitle(view, title);
}
});
// 与网页进行交互的addJavascriptInterface()的方法
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid(final String str) {
mHandler.post(new Runnable() {
@Override
public void run() {
// 逻辑代码
});
}
}, "demo");
if (mDensity == 240) { // 可以让不同的density的情况下，可以让页面进行适配
mWebView.getSettings().setDefaultZoom(ZoomDensity.FAR);
} else if (mDensity == 160) {
mWebView.getSettings().setDefaultZoom(ZoomDensity.MEDIUM);
} else {
mWebView.getSettings().setDefaultZoom(ZoomDensity.CLOSE);
}
String strUrl = "http://10.0.2.2:8080/WebTest3";
mWebView.loadUrl(strUrl);
}
//处理返回的事件，（后退进入前一个界面而不是全部退出）
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {
mWebView.goBack();// 返回前一个页面
return true;
}
return super.onKeyDown(keyCode, event);
}
Webview中java与网页进行数据交互：
先看我们的html文档：
<html>
<script language="javascript">
/* This function is invoked by the activity */
function wave() {
alert("1");
document.getElementById("droid").src="android_waving.png";
alert("2");
}
</script>
<body>
<!-- Calls into the javascript interface for the activity -->
//js调用Java方法
<a onClick="window.demo.clickOnAndroid()"><div style="width:80px;
margin:0px auto;
padding:10px;
text-align:center;
border:2px solid #202020;" >
<img id="droid" src="android_normal.png"/><br>
Click me!
</div></a>
</body>
</html>
Manifest.Xml中：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
再看我们的java 代码。
Java代码
public class WebViewDemo extends Activity {
private static final String LOG_TAG = "WebViewDemo";
private WebView mWebView;
private Handler mHandler = new Handler();
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setSavePassword(false);
webSettings.setSaveFormData(false);
webSettings.setJavaScriptEnabled(true);
webSettings.setSupportZoom(false);
mWebView.setWebChromeClient(new MyWebChromeClient());
//自定义的Demo，供js网页调用
mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");
mWebView.loadUrl("file:///android_asset/demo.html");
}
final class DemoJavaScriptInterface {
DemoJavaScriptInterface() {
}
/**
* This is not called on the UI thread. Post a runnable to invoke
* loadUrl on the UI thread.
*/
public void clickOnAndroid() {
//用handler来更新UI
mHandler.post(new Runnable() {
public void run() {
//Java调用js方法
mWebView.loadUrl("javascript:wave()");
}
});
}
}
/**
* Provides a hook for calling "alert" from javascript. Useful for
* debugging your javascript.
*/
final class MyWebChromeClient extends WebChromeClient {
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
Log.d(LOG_TAG, message);
result.confirm();
return true;
}
}
}
再看个例子：
Html中的代码：
<script type="text/JavaScript">
function s(){
alert("Good Morning!");
}
function d(){
confirm("Are you ok?")
}
function f(){
prompt("What’s your name?")
}
</script>
</head>
<body>
<body>
下面我们演示三种对话框
<br/><br/>
<input type="button" value="警告，提醒对话框" οnclick="s()">
<br/><br/>
<input type="button" value="带选择的对话框" οnclick="d()">
<br/><br/>
<input type="button" value="要求用户输入的对话框" οnclick="f()">
</body>
Manifest.Xml中：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
Java中的代码：
public class Test extends Activity {
/** Called when the activity is first created. */
private EditText et = null;
private Button btn = null;
private WebView wv = null;
private WebSettings ws = null;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
et = (EditText) this.findViewById(R.id.EditText01);
btn = (Button) this.findViewById(R.id.Button01);
wv = (WebView) this.findViewById(R.id.WebView);
ws = wv.getSettings();
ws.setAllowFileAccess(true);//设置允许访问文件数据
ws.setJavaScriptEnabled(true);//设置支持javascript脚本
ws.setBuiltInZoomControls(true);//设置支持缩放
wv.requestFocus();
wv.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view,String url){
//当有新连接时，使用当前的 WebView
view.loadUrl(url);
return true;
}
});
wv.setWebChromeClient(new WebChromeClient(){
public boolean onJsAlert(WebView view,String url,String message,final JsResult
result){
//构建一个Builder来显示网页中的alert对话框
Builder builder = new Builder(Test.this);
builder.setTitle("提示对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
public boolean onJsConfirm(WebView view,String url,String message,final
JsResult result){
Builder builder = new Builder(Test.this);
builder.setTitle("带选择的对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setNeutralButton(android.R.string.cancel, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
public boolean onJsPrompt(WebView view,String url,String message,String
defaultValue,final JsPromptResult result){
LayoutInflater inflater = LayoutInflater.from(Test.this);
final View v = inflater.inflate(R.layout.prom_dialog, null);
//设置 TextView对应网页中的提示信息
((TextView)v.findViewById(R.id.TextView_PROM)).setText(message);
//设置EditText对应网页中的输入框
((EditText)v.findViewById(R.id.EditText_PROM)).setText(defaultValue);
Builder builder = new Builder(Test.this);
builder.setTitle("带输入的对话框 ");
builder.setView(v);
builder.setPositiveButton(android.R.string.ok, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
String value =
((EditText)v.findViewById(R.id.EditText_PROM)).getText().toString();
result.confirm(value);
}
});
builder.setNegativeButton(android.R.string.cancel, new
AlertDialog.OnClickListener(){
@Override
public void onClick(DialogInterface dialog, int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.setOnCancelListener(new DialogInterface.OnCancelListener(){
@Override
public void onCancel(DialogInterface dialog) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.create();
builder.show();
return true;
}
//设置网页加载的进度条
public void onProgressChanged(WebView view,int newProgress){
Test.this.getWindow().setFeatureInt(Window.FEATURE_PROGRESS,
newProgress*100);
super.onProgressChanged(view, newProgress);
}
//设置应用程序的标题
public void onReceivedTitle(WebView view,String title){
Test.this.setTitle(title);
super.onReceivedTitle(view, title);
}
});
btn.setOnClickListener(new Button.OnClickListener(){
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
String url =et.getText().toString();
// String url = "http://10.0.2.2:8080/WebTest3";
//判断输入的内容是不是网址
if(URLUtil.isNetworkUrl(url)){
Log.d("++++++++++++", "sadas");
wv.loadUrl(url);
Toast.makeText(Test.this, url, Toast.LENGTH_SHORT).show();
}else{
et.setHint("输入的网址不合法，请重新输入");
// et.setText("输入的网址不合法，请重新输入");
}
}
});
}
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if(keyCode==KeyEvent.KEYCODE_BACK && wv.canGoBack()){
wv.goBack();//返回前一个页面
return true;
}
return super.onKeyDown(keyCode, event);
}
}
需要注意的地方，很多数据类型js中不认识，最好是在android那边封装好，提供必要的方
法接口。比如传到js中的list，在js中是没办法去得到里面的元素的。
Manifest.Xml中：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
html的带码
<script language="javascript">
window.οnlοad= function(){
var i=window.javatojs.getSize();
for(var n=0;n<i;n++){
var jsdata= window.javatojs.getObject(n);//拿到activity里面的属性javadata
var datalistdiv = document.getElementById("datalist"); //得到页面的div
pnode = document.createElement("p");//创建一个p标签，再建个textnode
tnode = document.createTextNode(jsdata);
pnode.appendChild(tnode);//p中加入数据
datalistdiv.appendChild(pnode);//div中键入新的p
}
}
</script>
<body>
<div id = "datalist">
this is a demo
</body>
Java的代码：
public class JavaToWebview extends Activity {
private WebView web;
public List list;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
initData();
setContentView(R.layout.webview);
web = (WebView)this.findViewById(R.id.webview);
web.getSettings().setJavaScriptEnabled(true);//开启javascript设置
web.addJavascriptInterface(this, "javatojs");//把RIAExample的一个实例添加到js的全
局对象window中， //这样就可以使用window.javatojs来调用它的方法
web.loadUrl("file:///android_asset/demo5.html");//加载网页
}
void initData(){
list=new ArrayList<String>();
for(int i=0;i<5;i++){
list.add("我是从数据库中读取的哈哈");
}
}
/**
* 该方法将在js脚本中，通过window.javatojs.....()进行调用
* @return
*/
public Object getObject(int index){
return list.get(index);
}
public int getSize(){
return list.size();
}
}
再看一个查地图的例子：
Manifest.Xml中：
加入权限：
<uses-permission android:name="android.permission.INTERNET" />
布局文件中的代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Welcome to Mr Wei's Blog."
/>
<WebView
android:id="@+id/webview"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
<Button
android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Change the webview content"
/>
</LinearLayout>
在assets目录下新建一个demo.html文件,代码如下：
<html>
<script language="javascript"><!--
function fillContent(){
document.getElementById("content").innerHTML =
"This Content is showed by Android invoke Javascript function.";
}
// --></script>
<body>
<p><a onClick="window.demo.startMap()" href="">Start GoogleMap</a></p>
<p id="content"></p>
<p>A Demo ----Android and Javascript invoke each other.</p>
<p>Author:Frankiewei</p>
</body>
</html>
activity代码：
public class WebViewDemo extends Activity {
private WebView mWebView;
private Button mButton;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
setupViews();
}
//初始化
private void setupViews() {
mWebView = (WebView) findViewById(R.id.webview);
WebSettings mWebSettings = mWebView.getSettings();
//加上这句话才能使用javascript方法
mWebSettings.setJavaScriptEnabled(true);
//增加接口方法,让html页面调用
mWebView.addJavascriptInterface(new Object() {
//这里我定义了一个打开地图应用的方法
public void startMap() {
Intent mIntent = new Intent();
ComponentName component = new ComponentName(
"com.google.android.apps.maps",
"com.google.android.maps.MapsActivity");
mIntent.setComponent(component);
startActivity(mIntent);
}
}, "demo");
//加载页面
mWebView.loadUrl("file:///android_asset/demo.html");
mButton = (Button) findViewById(R.id.button);
//给button添加事件响应,执行JavaScript的fillContent()方法
mButton.setOnClickListener(new Button.OnClickListener() {
public void onClick(View v) {
mWebView.loadUrl("javascript:fillContent()");
}
});
}
}
其他例子如下：（activity中获取js界面输入框的值）
Jsp中的代码：
<body>
<form action="" method="post">
宝宝预产期：<br>
<select id="shijian" name="date">
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select><br>
常用邮箱号：
<input id="email" type="text" name="emailID" />
<br>
宝宝昵称：
<input id="name" type="text" name="username" />
<br>
宝宝性别：<br>
<input id="men" type="radio" name="sex" value="men"/>男
<input id="women" type="radio" name="sex" value="women"/>女
<br>
<input type="submit" value="注册"
οnclick="f()"/>
<input type="button" value="取消" />
</form>
</body>
<script type="text/JavaScript" language="javascript">
function f(){
var email = document.getElementById('email').value;
var name = document.getElementById('name').value;
var date = document.getElementById('shijian').value;
if(document.getElementById('men').checked
&& !document.getElementById('women').checked){
var sex = document.getElementById('men').value;
}else if(!document.getElementById('men').checked &&
document.getElementById('women').checked){
var sex = document.getElementById('women').value;
}
window.demo.clickOnAndroid(date+"|"+email+"|"+name+"|"+sex);
}
</script>
Manifest.xml中的代码：
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.ruixin.login" android:versionCode="1" android:versionName="1.0">
<application android:icon="@drawable/icon" android:label="@string/app_name">
<activity android:name=".TestWebviewDemo" android:label="@string/app_name">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
<intent-filter>
<data android:mimeType="vnd.android.cursor.dir/vnd.ruixin.login" />
</intent-filter>
<intent-filter>
<data android:mimeType="vnd.android.cursor.item/vnd.ruixin.login" />
</intent-filter>
</activity>
<provider android:name="MyProvider" android:authorities="com.ruixin.login" />
</application>
<uses-sdk android:minSdkVersion="8" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission
android:name="android.permission.READ_CONTACTS"></uses-permission>
</manifest>
布局文件中的代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="fill_parent"
android:layout_height="fill_parent">
<WebView android:id="@+id/WebView01" android:layout_width="fill_parent"
android:layout_height="fill_parent"></WebView>
</LinearLayout>
TestWebviewDemo中的代码：
public class TestWebviewDemo extends Activity {
/** Called when the activity is first created. */
private static final String TAG = "TestWebviewDemo";
private WebView mWebView;
private Handler mHandler = new Handler();
private int mDensity;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mWebView = (WebView) findViewById(R.id.WebView01);
mWebView.getSettings().setAllowFileAccess(true);// 设置允许访问文件数据
mWebView.getSettings().setBuiltInZoomControls(true);// 设置支持缩放
mWebView.getSettings().setSavePassword(false); // 设置是否保存密码
// 设置支持JavaScript脚本
mWebView.getSettings().setJavaScriptEnabled(true);
// 设置支持各种不同的设备
mWebView
.getSettings()
.setUserAgentString(
"Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us)
AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10");
// 通过这个设置来执行加载webview网页时所要执行的一些方法
mWebView.setWebViewClient(new WebViewClient() {
// 新开页面时用自己定义的webview来显示，不用系统自带的浏览器来显示
public boolean shouldOverrideUrlLoading(WebView view, String url) {
// TODO Auto-generated method stub
// 当有新连接时使用当前的webview进行显示
view.loadUrl(url);
return super.shouldOverrideUrlLoading(view, url);
}
// 开始加载网页时要做的工作
public void onPageStarted(WebView view, String url, Bitmap favicon) {
super.onPageStarted(view, url, favicon);
}
//加载完成时要做的工作
public void onPageFinished(WebView view, String url) {
super.onPageFinished(view, url);
}
// 加载错误时要做的工作
public void onReceivedError(WebView view, int errorCode,
String description, String failingUrl) {
Log.d(TAG, "error=" + description);
Toast.makeText(TestWebviewDemo.this,
errorCode + "/" + description, Toast.LENGTH_LONG)
.show();
}
});
// 处理网页中的一些对话框信息（提示对话框，带选择的对话框，带输入的对话
框）
mWebView.setWebChromeClient(new WebChromeClient() {
// 对话框
public boolean onJsAlert(WebView view, String url, String message,
final JsResult result) {
// 构建一个Builder来显示网页中的alert对话框
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("提示对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
// 带按钮的对话框
public boolean onJsConfirm(WebView view, String url,
String message, final JsResult result) {
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("带选择的对话框");
builder.setMessage(message);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.confirm();
}
});
builder.setNeutralButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.setCancelable(false);
builder.create();
builder.show();
return true;
}
// 带输入框的对话框
public boolean onJsPrompt(WebView view, String url, String message,
String defaultValue, final JsPromptResult result) {
LayoutInflater inflater = LayoutInflater
.from(TestWebviewDemo.this);
final View v = inflater.inflate(R.layout.prom_dialog, null);
// 设置 TextView对应网页中的提示信息
((TextView) v.findViewById(R.id.TextView_PROM))
.setText(message);
// 设置EditText对应网页中的输入框
((EditText) v.findViewById(R.id.EditText_PROM))
.setText(defaultValue);
Builder builder = new Builder(TestWebviewDemo.this);
builder.setTitle("带输入的对话框");
builder.setView(v);
builder.setPositiveButton(android.R.string.ok,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
String value = ((EditText) v
.findViewById(R.id.EditText_PROM))
.getText().toString();
result.confirm(value);
}
});
builder.setNegativeButton(android.R.string.cancel,
new AlertDialog.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder
.setOnCancelListener(new DialogInterface.OnCancelListener() {
@Override
public void onCancel(DialogInterface dialog) {
// TODO Auto-generated method stub
result.cancel();
}
});
builder.create();
builder.show();
return true;
}
// 设置网页加载的进度条
public void onProgressChanged(WebView view, int newProgress) {
TestWebviewDemo.this.getWindow().setFeatureInt(
Window.FEATURE_PROGRESS, newProgress * 100);
super.onProgressChanged(view, newProgress);
}
// 设置应用程序的标题
public void onReceivedTitle(WebView view, String title) {
TestWebviewDemo.this.setTitle(title);
super.onReceivedTitle(view, title);
}
});
// 与网页进行交互的addJavascriptInterface()的方法
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid(final String str) {
mHandler.post(new Runnable() {
@Override
public void run() {
StringTokenizer stringTokenizer = new StringTokenizer(
str, "|");
date = stringTokenizer.nextToken();
email = stringTokenizer.nextToken();
username = stringTokenizer.nextToken();
sex = stringTokenizer.nextToken();
//将数据出入数据库
dBlite1.add(email,username,date,sex);
// 用contentResolver访问存入到contentprovider中的数据
contentResolver = TestWebviewDemo.this
.getContentResolver();
Log.d("++++", RuiXin.CONTENT_URI.toString());
Cursor cursor = contentResolver.query(
RuiXin.CONTENT_URI, new String[] {
RuiXin.EMAIL, RuiXin.USERNAME,
RuiXin.DATE,RuiXin.SEX }, null, null, null);
Log.d("@@@----", cursor.toString());
// startManagingCursor(cursor);
while (cursor.moveToNext()) {
Toast.makeText(
TestWebviewDemo.this,
cursor.getString(cursor.getColumnIndex(RuiXin.EMAIL))
+ " "
+ cursor.getString(cursor
.getColumnIndex(RuiXin.USERNAME))
+ " "
+ cursor.getString(cursor
.getColumnIndex(RuiXin.DATE))
+ " "
+ cursor.getString(cursor
.getColumnIndex(RuiXin.SEX)),
Toast.LENGTH_SHORT).show();
}
startManagingCursor(cursor); //关闭游标
}
});
}
}, "demo");
if (mDensity == 240) { // 可以让不同的density的情况下，可以让页面进行适配
mWebView.getSettings().setDefaultZoom(ZoomDensity.FAR);
} else if (mDensity == 160) {
mWebView.getSettings().setDefaultZoom(ZoomDensity.MEDIUM);
} else {
mWebView.getSettings().setDefaultZoom(ZoomDensity.CLOSE);
}
String strUrl = "http://10.0.2.2:8080/WebTest3";
mWebView.loadUrl(strUrl);
}
//处理返回的事件，（后退进入前一个界面而不是全部退出）
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {
mWebView.goBack();// 返回前一个页面
return true;
}
return super.onKeyDown(keyCode, event);
}
扫一扫
194
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
