Android WebView开发

本文介绍如何在Android应用中使用WebView组件浏览网页,并提供了一个具体的示例。文章详细讲解了配置AndroidManifest.xml文件、启用JavaScript支持、自定义WebViewClient以及处理返回键等关键步骤。
在Android手机中内置了一款高性能webkit内核浏览器,在SDK中封装为一个叫做WebView组件。

什么是webkit

WebKit 是Mac OS X v10.3及以上版本所包含的软件框架(对v10.2.7及以上版本也可通过软件更新获取)。 同时,WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目,主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件。

传统上,WebKit包含一个网页引擎WebCore和一个脚本引擎JavaScriptCore,它们分别对应的是KDE的KHTML和KJS。不过, 随着JavaScript引擎的独立性越来越强,现在WebKit和WebCore已经基本上混用不分(例如Google Chrome和Maxthon 3采用V8引擎,却仍然宣称自己是WebKit内核)。

这里我们初步体验一下在android是使用webview浏览网页,在SDK的Dev Guide中有一个WebView的简单例子 。

在开发过程中应该注意几点:
1.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
2.如果访问的页面中有Javascript,则webview必须设置支持Javascript。
webview.getSettings().setJavaScriptEnabled(true);
3.如果页面中链接,如果希望点击链接继续在当前browser中响应,而不是新开Android的系统browser中响应该链接,必须覆盖 webview的WebViewClient对象。
mWebView.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}

});


/**
* 4、如果用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;

}


代码如下:

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


2、AboutUSActivity.java

package com.cn.view;
import com.cn.mr.http.util.Configuration;
import android.app.Activity;
import android.app.ProgressDialog;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.webkit.SslErrorHandler;

//关于我们
public class AboutUSActivity extends Activity {
final String mimeType = "text/html";
final String encoding = "utf-8";
ProgressDialog progresDialog=null;
WebView webView;
public static final String ABOUTUS="http://phone.tomome.net/aboutus.html";


protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.aboutus);
progresDialog = new ProgressDialog(this);
progresDialog.setMessage("页面请求.......");
progresDialog.show();

webView = (WebView) findViewById(R.id.webviewaboutus);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl(ABOUTUS);
webView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView view, int newProgress) {
if (newProgress == 100) { // 这里是设置activity的标题,
// 也可以根据自己的需求做一些其他的操作
progresDialog.setMessage("加载完成");
progresDialog.cancel();
} else {
progresDialog.setMessage("加载中.......");
}
}
});
// webView.setWebViewClient(new WebViewClient() {
// @Override
// public boolean shouldOverrideUrlLoading(WebView view, String url) { // 重写此方法表明点击网页里面的链接还是在当前的webview里跳转,不跳到浏览器那边
// view.loadUrl(url);
// return true;
// }
//
// @Override
// public void onReceivedSslError(WebView view,
// SslErrorHandler handler, android.net.http.SslError error) { // 重写此方法可以让webview处理https请求
// handler.proceed();
// }
//
// });
}

/**
* 如果用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;
}
}

3、XML布局文件:

<?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:layout_height="fill_parent" android:layout_width="fill_parent" android:id="@+id/webviewaboutus"></WebView>
</LinearLayout>


### Android WebView 开发教程示例详解 #### 一、WebView 基本用法 在 Android 应用程序中集成 `WebView` 可以让开发者轻松加载并显示网页内容。为了实现这一功能,首先需要在布局文件中定义一个 `WebView` 组件: ```xml <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent"/> ``` 接着,在 Activity 或 Fragment 中初始化这个组件,并通过 `loadUrl()` 方法指定要加载的 URL 地址[^1]。 ```java WebView myWebView = findViewById(R.id.webview); myWebView.loadUrl("http://www.example.com"); ``` #### 二、启用 JavaScript 支持 为了让 Web 页面能够执行 JavaScript 代码,默认情况下 `WebView` 是禁用了 JavaScript 的支持。如果希望开启此特性,则需配置相应的设置选项: ```java WebSettings webSettings = myWebView.getSettings(); webSettings.setJavaScriptEnabled(true); ``` 这一步骤对于现代 Web 应用至关重要,因为许多网站依赖于客户端脚本来提供动态交互体验[^2]。 #### 三、防止外部浏览器打开链接 当点击页面内的超链接时,默认行为可能会触发设备上的默认浏览器来处理请求。为了避免这种情况发生,应该自定义 `WebViewClient` 并覆盖其 `shouldOverrideUrlLoading()` 函数: ```java myWebView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url){ view.loadUrl(url); return true; } }); ``` 这样可以确保所有的导航操作都在同一个 `WebView` 实例内完成而不跳出应用程序。 #### 四、管理 WebView 生命周期 考虑到资源的有效利用以及用户体验等因素,在适当的时候释放不再使用的 `WebView` 对象是非常重要的。通常建议在对应的生命周期回调函数里调用 `destroy()` 来彻底清除该对象及其关联的数据结构: ```java @Override protected void onDestroy() { super.onDestroy(); if (webView != null) { ((ViewGroup) webView.getParent()).removeView(webView); webView.clearHistory(); webView.clearCache(true); webView.removeAllViews(); webView.destroy(); webView = null; } } ``` 上述做法有助于避免内存泄漏等问题的发生[^3]。 #### 五、缓存策略调整 针对不同应用场景下的需求差异,合理设定 HTTP 缓存机制可以帮助提高加载速度的同时减少不必要的网络流量消耗。可以通过修改 `setAppCachePath()` 和 `setAllowFileAccessFromFileURLs()` 等属性来进行更细致化的控制[^4]: ```java WebSettings settings = webView.getSettings(); settings.setDomStorageEnabled(true); // 启用 DOM 存储 API settings.setDatabaseEnabled(true); // 启用数据库存储 API String appCachePath = getApplicationContext().getCacheDir().getAbsolutePath(); settings.setAppCachePath(appCachePath); settings.setAppCacheEnabled(true); // 设置缓存模式为优先使用本地缓存数据 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW); } settings.setCacheMode(WebSettings.LOAD_DEFAULT); ``` 以上就是有关 Android WebView 开发的基础知识点介绍和技术细节说明。当然实际开发过程中还涉及到更多高级特性和最佳实践等内容等待探索学习。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值