2024年安卓最新Android中WebView使用详解及注意事项(1)，android应用开发基础学堂在线答案

总结

其实要轻松掌握很简单，要点就两个：

1. 找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。
2. 多练。 （视频优势是互动感强，容易集中注意力）

你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。下面资料部分截图是我花费几个月时间整理的，诚意满满：特别适合有3-5年开发经验的Android程序员们学习。

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

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

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

});

常见方法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) {

String progress = newProgress + “%”;

loading.setText(progress);

}

}

});

//设置WebViewClient类

mWebview.setWebViewClient(new WebViewClient() {

//设置加载前的函数

@Override

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

System.out.println(“开始加载了”);

beginLoading.setText(“开始加载了”);

}

//设置结束加载函数

@Override

public void onPageFinished(WebView view, String url) {

endLoading.setText(“结束加载了”);

}

});

}

//点击返回上一页面而不是退出浏览器

@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

@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();

}

}

尾声

如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。

PS：之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

架构篇

《Jetpack全家桶打造全新Google标准架构模式》

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

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

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

ebview = null;

}

super.onDestroy();

}

}

尾声

如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。

对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。 整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。

这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家梳理了多年的架构经验，筹备近6个月最新录制的，相信这份视频能给你带来不一样的启发、收获。[外链图片转存中…(img-tbiJVdir-1715805301512)]

PS：之前因为秋招收集的二十套一二线互联网公司Android面试真题 （含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

[外链图片转存中…(img-4fIfKm9K-1715805301512)]

架构篇

《Jetpack全家桶打造全新Google标准架构模式》
[外链图片转存中…(img-zO9MMcCk-1715805301513)]

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

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

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