【Android】webview常用方法和使用

🕗 发布于 2024-12-13 22:40 android

文章目录

前言
一、常见用法
二、基础属性
三、加载流程和事件回调
四、webview和JS之间的互相调用
- 总结
五、参考链接

前言

最近项目又用到了webview，在回顾复习一次webview相关的知识，顺手整理下。

webview是一个基于webkit引擎、展现web页面的控件（4.4以下使用webkit引擎，4.4以后使用chrome内核），在Android开发中常用于展示网页和执行JavaScript。

一、常见用法

webview展示网页需要联网，网络权限需要配置，以下为常用的实现的案例

 mWebview = findViewById(R.id.wb);
        // 校验网络
        if (!NetworkUtil.getInstance(this).isNetworkAvailable()) {
            return;
        }
// 允许JS调用
        mWebview.getSettings().setJavaScriptEnabled(true);

        // 解决白边问题
        mWebview.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
        mWebview.loadUrl(“url”);
        mWebview.setWebViewClient(new WebViewClient(){
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);

            }

            @Override
            public void onLoadResource(WebView view, String url) {
                super.onLoadResource(view, url);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
            }

            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
            }
        });

注意webview内存泄露，及时释放资源

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();
        Log.d(TAG, "onDestroy ...");
    }

二、基础属性

以下是webview中相关设置的常用方法介绍

webView的常用方法

// 恢复pauseTimers状态
1.web_view.resumeTimers();
// 它会暂停所有webview的布局显示、解析、延时，从而降低CPU功耗
2.web_view.pauseTimers();
// 激活WebView为活跃状态，能正常执行网页的响应
3.web_view.onResume();
// 当页面被失去焦点被切换到后台不可见状态，需要执行onPause()
// 通过onPause()动作通知内核暂停所有的动作，比如DOM的解析、JavaScript执行等
4.web_view.onPause();
// webview调用destory时,webview仍绑定在Activity上
// 这是由于自定义webview构建时传入了该Activity的context对象
// 因此需要先从父容器中移除webview,然后再销毁webview
rootLayout.removeView(web_view);
5.web_view.destroy();
// 是否可以后退
6.web_view.canGoBack()
// 后退网页
7.web_view.goBack()
// 是否可以前进
8.web_view.canGoForward()
// 前进网页
9.web_view.goForward()
// 清除网页访问留下的缓存
// 由于内核缓存是全局的因此这个方法不仅仅针对webview而是针对整个应用程序.
10.web_view.clearCache(true);
// 清除当前webview访问的历史记录
// 只会webview访问历史记录里的所有记录除了当前访问记录
11.web_view.clearHistory();
// 这个api仅仅清除自动完成填充的表单数据，并不会清除WebView存储到本地的数据
12.web_view.clearFormData();

WebViewClient的常用方法

WebViewClient用于处理各种通知和请求事件的一些方法。

onPageStarted()：页面开始加载时调用，这时候可以显示加载进度条，让用户耐心等待页面的加载。
onPageFinished()：页面完成加载时调用，这时候可以隐藏加载进度条，提醒用户页面已经完成加载。
onLoadResource()：页面每次加载资源时调用。
shouldOverrideUrlLoading()：WebView加载url默认会调用系统的浏览器，通过重写该方法，实现在当前应用内完成页面加载。
onReceivedError()：页面加载发生错误时调用，这时候可以跳转到自定义的错误提醒页面，总比系统默认的错误页面美观，优化用户体验。
onReceivedHttpError()：页面加载请求时发生错误。
onReceivedSslError()：页面加载资源时发生错误。
shouldOverrideKeyEvent()：覆盖按键默认的响应事件，这时候可以根据自身的需求在点击某些按键时加入相应的逻辑。
onScaleChanged()：页面的缩放比例发生变化时调用，这时候可以根据当前的缩放比例来重新调整WebView中显示的内容，如修改字体大小、图片大小等。
shouldInterceptRequest()：可以根据请求携带的内容来判断是否需要拦截请求。

WebChromeClient的常用方法

此类用于处理网站图标，网站标题，网站弹窗等，以下是相关方法

onProgressChanged()：页面加载进度发生变化时调用，可以通过该方法实时向用户反馈加载情况，如显示进度条等。
onReceivedIcon()：接收Web页面的图标，可以通过该方法把图标设置在原生的控件上，如Toolbar等。
onReceivedTitle()：接收Web页面的标题，可以通过该方法把图标设置在原生的控件上，如Toolbar等。
onJsAlert()：处理JS的Alert对话框。
onJsPrompt()：处理JS的Prompt对话框。
onJsConfirm()：处理JS的Confirm对话框。
onPermissionRequest()：Web页面请求Android权限时调用。
onPermissionRequestCanceled()：Web页面请求Android权限被取消时调用。
onShowFileChooser()：Web页面上传文件时调用。
getVideoLoadingProgressView()：自定义媒体文件播放加载时的进度条。
getDefaultVideoPoster()：设置媒体文件默认的预览图。
onShowCustomView()：媒体文件进入全屏时调用。
onHideCustomView()：媒体文件退出全屏时调用。

WebSettings的相关方法

WebSettings webSettings = webView.getSettings();

webSettings.setJavaScriptEnabled(true); -> 是否开启JS支持
webSettings.setPluginsEnabled(true); -> 是否开启插件支持
webSettings.setJavaScriptCanOpenWindowsAutomatically(true); -> 是否允许JS打开新窗口

webSettings.setUseWideViewPort(true); -> 缩放至屏幕大小
webSettings.setLoadWithOverviewMode(true); -> 缩放至屏幕大小
webSettings.setSupportZoom(true); -> 是否支持缩放
webSettings.setBuiltInZoomControls(true); -> 是否支持缩放变焦，前提是支持缩放
webSettings.setDisplayZoomControls(false); -> 是否隐藏缩放控件

webSettings.setAllowFileAccess(true); -> 是否允许访问文件
webSettings.setDomStorageEnabled(true); -> 是否节点缓存
webSettings.setDatabaseEnabled(true); -> 是否数据缓存
webSettings.setAppCacheEnabled(true); -> 是否应用缓存
webSettings.setAppCachePath(uri); -> 设置缓存路径

webSettings.setMediaPlaybackRequiresUserGesture(false); -> 是否要手势触发媒体
webSettings.setStandardFontFamily("sans-serif"); -> 设置字体库格式
webSettings.setFixedFontFamily("monospace"); -> 设置字体库格式
webSettings.setSansSerifFontFamily("sans-serif"); -> 设置字体库格式
webSettings.setSerifFontFamily("sans-serif"); -> 设置字体库格式
webSettings.setCursiveFontFamily("cursive"); -> 设置字体库格式
webSettings.setFantasyFontFamily("fantasy"); -> 设置字体库格式
webSettings.setTextZoom(100); -> 设置文本缩放的百分比
webSettings.setMinimumFontSize(8); -> 设置文本字体的最小值(1~72)
webSettings.setDefaultFontSize(16); -> 设置文本字体默认的大小

webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); -> 按规则重新布局
webSettings.setLoadsImagesAutomatically(false); -> 是否自动加载图片
webSettings.setDefaultTextEncodingName("UTF-8"); -> 设置编码格式
webSettings.setNeedInitialFocus(true); -> 是否需要获取焦点
webSettings.setGeolocationEnabled(false); -> 设置开启定位功能
webSettings.setBlockNetworkLoads(false); -> 是否从网络获取资源

三、加载流程和事件回调

webview从loadUrl加载开始到onPageFinished页面加载完成，其中的加载流程和事件回调，这篇文章讲得很详细，
深入理解Android WebView的加载流程与事件回调
在这里插入图片描述

四、webview和JS之间的互相调用

对于JS调用Android方式3种：
1.通过WebView的addJavascriptInterface（）进行对象映射
2.通过 WebViewClient 的shouldOverrideUrlLoading ()方法回调拦截 url
（有问题，报了"ReferenceError: android is not defined"）
3.通过 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（）消息

对于Android调用JS方式2种：
1.通过WebView的loadUrl（）
2.通过WebView的evaluateJavascript（）

常用方法
Android调用JS

        mWebview.evaluateJavascript("javascript:confim()", new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String value) {
                Logger.d(TAG, "webView result: ..." + value);
               
            }
        });

JS调用Android

mWebview.getSettings().setJavaScriptEnabled(true);
mWebview.addJavascriptInterface(this, "android");

    @JavascriptInterface
    public void closeWebview() {
        Logger.d(TAG, "webView onBack ...");
        finish();
    }

总结

基本的webview一些用法和相关属性介绍大致就是上面这些，webview在应用中一般用于加载免责协议，使用说明，电子手册等一些需要经常动态的多文字或多数据需要经常更新或维护的场景。

五、参考链接

原文地址：https://blog.csdn.net/m0_74825699/article/details/144396857

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：网络安全与防范
下一篇：【自用】管材流转项目数据库恢复之 PIPE 表 && 二维码相关 && 各个表恢复 SQL

轻量化特征融合 | 一种基于增强层间特征相关性的轻量级特征融合网络 | 北理工新作
轻量化特征融合 | 一种基于增强层间特征相关性的轻量级特征融合网络 | 北理工新作
阅读更多2024-12-14
QT从入门到精通——Qlabel介绍与使用
Qt 是一个跨平台的应用程序开发框架，广泛用于开发图形用户界面（GUI）应用程序，也支持非图形应用程序的开发。Qt 提供了一套工具和库，使得开发者能够高效地构建高性能、可移植的应用程序。
阅读更多2024-12-14
day09 接口测试（5）——使用postman 完成项目实战
使用postman完成接口测试，的项目实战。接口测试，postman工具，项目实战
阅读更多2024-12-14
scala的泛型应用场景
用代码表示泛型类：//泛型：类型参数化//Pair约定一对数据class Pair[T](var x:T,var y:T)//class 类名（成员名：数据类型）--->class 类名
阅读更多2024-12-14
期末复习-计算机网络
总长度——占 16 位，指首部和数据之和的长度，单位为字节，因此数据报的最大长度为 65535 字节。在一般的情况下都不使用这个字段。首部长度——占 4 位，可表示的最大数值是 15 个单位(一个
阅读更多2024-12-14
机器学习中的 K-均值聚类算法及其优缺点
K-均值聚类算法是一种常用的无监督学习算法，用于将数据集中的样本划分为K个互不重叠的簇。该算法的原理是基于样本之间的相似度或距离来进行聚类。总之，K-均值聚类算法是一种简单而常用的聚类算法，但在实际应
阅读更多2024-12-14
如何处理前端调用后端接口时的超时问题？
可以通过全局设置或单独为某个请求设置超时时间来避免超时问题。例如，在Vue项目中，可以在配置文件如中调整axios的超时时间。此外，也可以使用axios全局设置网络超时，或者针对特定请求单独设置超时时
阅读更多2024-12-14
《信息安全系统设计基础》 pwd指令学习
在一个文件系统中，一个inode代表一个文件，并使用一个整数值来标志该inode，称为inode-number，该值对于一个文件系统而言是唯一的，即通过该值可以找到其对应的inode。因此，我们通常所
阅读更多2024-12-14
Centos7环境下安装Flink1.20
Flink 是一个分布式系统，需要有效分配和管理计算资源才能执行流应用程序。它集成了所有常见的集群资源管理器，例如Hadoop YARN，但也可以设置作为独立集群甚至库运行。Flink 运行时由两种类
阅读更多2024-12-14
（持续更新）linux网络编程中需要注意的内核参数与网络机制
本篇博客会持续更新网络编程中经常遇到的内核参数调整和相关网络功能优化机制，一切以提高服务器性能为目的。具体参数调整，根据业务需求来。
阅读更多2024-12-14