2024年Android中WebView使用详解及注意事项，android学习心得

最新推荐文章于 2024-06-07 22:39:00 发布

2401_84520377

最新推荐文章于 2024-06-07 22:39:00 发布

阅读量1.3k

点赞数 23

分类专栏：程序员文章标签： android

本文链接：https://blog.csdn.net/2401_84520377/article/details/138446978

版权

程序员专栏收录该内容

176 篇文章 0 订阅

订阅专栏

文末

我总结了一些Android核心知识点，以及一些最新的大厂面试题、知识脑图和视频资料解析。

以后的路也希望我们能一起走下去。（谢谢大家一直以来的支持）

部分资料一览：

330页PDF Android学习核心笔记（内含8大板块）

Android学习的系统对应视频
Android进阶的系统对应学习资料

Android BAT大厂面试题（有解析）

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

webSettings.setAppCacheEnabled(true);//开启 Application Caches 功能

String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;

webSettings.setAppCachePath(cacheDirPath); //设置 Application Caches 缓存目录

注意：每个 Application 只调用一次 WebSettings.setAppCachePath()，WebSettings.setAppCacheMaxSize()

3.2.2 WebViewClient类

作用：处理各种通知 & 请求事件
常见方法：

常见方法1：shouldOverrideUrlLoading()

作用：打开网页时不调用系统浏览器，而是在本WebView中显示；在网页上的所有加载都经过这个方法,这个函数我们可以做很多操作。

//步骤1. 定义Webview组件

Webview webview = (WebView) findViewById(R.id.webView1);

//步骤2. 选择加载方式

//方式1. 加载一个网页：

webView.loadUrl(“http://www.google.com/”);

//方式2：加载apk包中的html页面

webView.loadUrl(“file:///android_asset/test.html”);

//方式3：加载手机本地的html页面

webView.loadUrl(“content://com.android.htmlfileprovider/sdcard/test.html”);

//步骤3. 复写shouldOverrideUrlLoading()方法，使得打开网页时不调用系统浏览器，而是在本WebView中显示

webView.setWebViewClient(new WebViewClient(){

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);

return true;

}

});

常见方法2：onPageStarted()

作用：开始载入页面调用的，我们可以设定一个loading的页面，告诉用户程序在等待网络响应。

webView.setWebViewClient(new WebViewClient(){

@Override

public void onPageStarted(WebView view, String url, Bitmap favicon) {

//设定加载开始的操作

}

});

常见方法3：onPageFinished()

作用：在页面加载结束时调用。我们可以关闭loading 条，切换程序动作。

webView.setWebViewClient(new WebViewClient(){

@Override

public void onPageFinished(WebView view, String url) {

//设定加载结束的操作

}

});

常见方法4：onLoadResource()

作用：在加载页面资源时会调用，每一个资源（比如图片）的加载都会调用一次。

webView.setWebViewClient(new WebViewClient(){

@Override

public boolean onLoadResource(WebView view, String url) {

//设定加载资源的操作

}

});

常见方法5：onReceivedError（）

作用：加载页面的服务器出现错误时（如404）调用。

App里面使用webview控件的时候遇到了诸如404这类的错误的时候，若也显示浏览器里面的那种错误提示页面就显得很丑陋了，那么这个时候我们的app就需要加载一个本地的错误提示页面，即webview如何加载一个本地的页面

//步骤1：写一个html文件（error_handle.html），用于出错时展示给用户看的提示页面

//步骤2：将该html文件放置到代码根目录的assets文件夹下

//步骤3：复写WebViewClient的onRecievedError方法

//该方法传回了错误码，根据错误类型可以进行不同的错误分类处理

webView.setWebViewClient(new WebViewClient(){

@Override

public void onReceivedError(WebView view, int errorCode, String description, String failingUrl){

switch(errorCode)

{

case HttpStatus.SC_NOT_FOUND:

view.loadUrl(“file:///android_assets/error_handle.html”);

break;

}

});

常见方法6：onReceivedSslError()

作用：处理https请求

webView默认是不处理https请求的，页面显示空白，需要进行如下设置：

webView.setWebViewClient(new WebViewClient() {

@Override

public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {

handler.proceed(); //表示等待证书响应

// handler.cancel(); //表示挂起连接，为默认方式

// handler.handleMessage(null); //可做其他处理

}

});

3.2.3 WebChromeClient类

作用：辅助 WebView 处理 Javascript 的对话框,网站图标,网站标题等等。
常见使用：

常见方法1： onProgressChanged（）

作用：获得网页的加载进度并显示

webview.setWebChromeClient(new WebChromeClient(){

@Override

public void onProgressChanged(WebView view, int newProgress) {

if (newProgress < 100) {

String progress = newProgress + “%”;

progress.setText(progress);

} else {

}

});

常见方法2： onReceivedTitle（）

作用：获取Web页中的标题

每个网页的页面都有一个标题，比如www.baidu.com这个页面的标题即“百度一下，你就知道”，那么如何知道当前webview正在加载的页面的title并进行设置呢？

webview.setWebChromeClient(new WebChromeClient(){

@Override

public void onReceivedTitle(WebView view, String title) {

titleview.setText(title)；

}

常见方法3： onJsAlert（）

作用：支持javascript的警告框

一般情况下在 Android 中为 Toast，在文本里面加入\n就可以换行

webview.setWebChromeClient(new WebChromeClient() {

@Override

public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {

new AlertDialog.Builder(MainActivity.this)

.setTitle(“JsAlert”)

.setMessage(message)

.setPositiveButton(“OK”, new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

result.confirm();

}

})

.setCancelable(false)

.show();

return true;

}

常见方法4： onJsConfirm（）

作用：支持javascript的确认框

webview.setWebChromeClient(new WebChromeClient() {

@Override

public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {

new AlertDialog.Builder(MainActivity.this)

.setTitle(“JsConfirm”)

.setMessage(message)

.setPositiveButton(“OK”, new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

result.confirm();

}

})

.setNegativeButton(“Cancel”, new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

result.cancel();

}

})

.setCancelable(false)

.show();

// 返回布尔值：判断点击时确认还是取消

// true表示点击了确认；false表示点击了取消；

return true;

}

常见方法5： onJsPrompt（）

作用：支持javascript输入框

点击确认返回输入框中的值，点击取消返回 null。

webview.setWebChromeClient(new WebChromeClient() {

@Override

public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {

final EditText et = new EditText(MainActivity.this);

et.setText(defaultValue);

new AlertDialog.Builder(MainActivity.this)

.setTitle(message)

.setView(et)

.setPositiveButton(“OK”, new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

result.confirm(et.getText().toString());

}

})

.setNegativeButton(“Cancel”, new DialogInterface.OnClickListener() {

@Override

public void onClick(DialogInterface dialog, int which) {

result.cancel();

}

})

.setCancelable(false)

.show();

return true;

}

3.3 WebView与JavaScript的交互

交互这一块的，可以查看作者的这篇文章：最全面 & 最详细的 Android WebView与JS的交互方式汇总

3.4 注意事项：如何避免WebView内存泄露？

3.4.1 不在xml中定义 Webview ，而是在需要的时候在Activity中创建，并且Context使用 getApplicationgContext()

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);

mWebView = new WebView(getApplicationContext());

mWebView.setLayoutParams(params);

mLayout.addView(mWebView);

3.4.2 在 Activity 销毁（ WebView ）的时候，先让 WebView 加载null内容，然后移除 WebView，再销毁 WebView，最后置空。

@Override

protected void onDestroy() {

if (mWebView != null) {

mWebView.loadDataWithBaseURL(null, “”, “text/html”, “utf-8”, null);

mWebView.clearHistory();

((ViewGroup) mWebView.getParent()).removeView(mWebView);

mWebView.destroy();

mWebView = null;

}

super.onDestroy();

}

4、实例

目标：实现显示“www.baidu.com”、获取其标题、提示加载开始 & 结束和获取加载进度
具体实现：

步骤1：添加访问网络权限

AndroidManifest.xml

步骤2：主布局

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:paddingBottom=“@dimen/activity_vertical_margin”

android:paddingLeft=“@dimen/activity_horizontal_margin”

android:paddingRight=“@dimen/activity_horizontal_margin”

android:paddingTop=“@dimen/activity_vertical_margin”

tools:context=“com.example.carson_ho.webview_demo.MainActivity”>

<TextView

android:id=“@+id/title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“”/>

<TextView

android:id=“@+id/text_beginLoading”

android:layout_below=“@+id/title”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“”/>

<TextView

android:layout_below=“@+id/text_beginLoading”

android:id=“@+id/text_Loading”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“”/>

<TextView

android:layout_below=“@+id/text_Loading”

android:id=“@+id/text_endLoading”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:text=“”/>

<WebView

android:id=“@+id/webView1”

android:layout_below=“@+id/text_endLoading”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:layout_marginTop=“10dp” />

步骤3：根据需要实现的功能从而使用相应的子类及其方法（注释很清楚了）

MainActivity.java

import android.graphics.Bitmap;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.KeyEvent;

import android.view.ViewGroup;

import android.webkit.WebChromeClient;

import android.webkit.WebSettings;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

WebView mWebview;

WebSettings mWebSettings;

TextView beginLoading,endLoading,loading,mtitle;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mWebview = (WebView) findViewById(R.id.webView1);

beginLoading = (TextView) findViewById(R.id.text_beginLoading);

endLoading = (TextView) findViewById(R.id.text_endLoading);

loading = (TextView) findViewById(R.id.text_Loading);

mtitle = (TextView) findViewById(R.id.title);

mWebSettings = mWebview.getSettings();

mWebview.loadUrl(“http://www.baidu.com/”);

//设置不用系统浏览器打开,直接显示在当前Webview

mWebview.setWebViewClient(new WebViewClient() {

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);

return true;

}

});

//设置WebChromeClient类

mWebview.setWebChromeClient(new WebChromeClient() {

//获取网站标题

@Override

public void onReceivedTitle(WebView view, String title) {

System.out.println(“标题在这里”);

mtitle.setText(title);

}

//获取加载进度

@Override

public void onProgressChanged(WebView view, int newProgress) {

if (newProgress < 100) {

String progress = newProgress + “%”;

loading.setText(progress);

} else if (newProgress == 100) {

Android进阶资料

以下的资料是近年来，我和一些朋友面试收集整理了很多大厂的面试真题和资料，还有来自如阿里、小米、爱奇艺等一线大厂的大牛整理的架构进阶资料。希望可以帮助到大家。

Android进阶核心笔记

百万年薪必刷面试题

最全Android进阶学习视频

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

//获取网站标题

@Override

public void onReceivedTitle(WebView view, String title) {

System.out.println(“标题在这里”);

mtitle.setText(title);

}

//获取加载进度

@Override

public void onProgressChanged(WebView view, int newProgress) {

if (newProgress < 100) {

String progress = newProgress + “%”;

loading.setText(progress);

} else if (newProgress == 100) {

Android进阶资料

Android进阶核心笔记

[外链图片转存中…(img-zjC7mTPL-1714817301030)]

百万年薪必刷面试题

[外链图片转存中…(img-eAYTNX99-1714817301031)]

最全Android进阶学习视频

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化学习资料的朋友，可以戳这里获取

2401_84520377

关注

23
点赞
踩
26

收藏

觉得还不错? 一键收藏
0
评论
2024年Android中WebView使用详解及注意事项，android学习心得

我总结了一些Android核心知识点，以及一些最新的大厂面试题、知识脑图和视频资料解析。以后的路也希望我们能一起走下去。（谢谢大家一直以来的支持）部分资料一览：Android学习的系统对应视频Android进阶的系统对应学习资料网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交
复制链接

扫一扫