webview拦截html的alert、confirm 和 prompt

最新推荐文章于 2024-05-17 05:47:44 发布
最新推荐文章于 2024-05-17 05:47:44 发布
阅读量2.7k 收藏 4
点赞数
分类专栏： android 文章标签： webview html alert 拦截
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyw0101/article/details/93485419
版权

h5在移动端弹出提示有时需要在移动端进行拦截处理，显示移动端的UI并返回处理结果，那么既然需要显示h5就需要用webview进行加载，加载后如何拦截，需要设置webview 的setWebChromeClient方法并重写WebChromeClient的onJsAlert、onJsConfirm 和onJsPrompt与h5的弹出类型相对应，具体代码如下

android端

webview.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {

                AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());
                builder.setTitle("")
                        .setMessage(message)
                        .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                result.confirm();
                            }
                        })
                        .setCancelable(false)
                        .create()
                        .show();
                return true;
            }

            @Override
            public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {
                AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());
                builder.setTitle("")
                        .setMessage(message)
                        .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                result.confirm();
                            }
                        })
                        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                result.cancel();
                            }
                        })
                        .setCancelable(false)
                        .create()
                        .show();
                return true;
            }

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

                final EditText et = new EditText(view.getContext());
                AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());
                builder.setTitle("")
                        .setMessage(message)
                        .setView(et)
                        .setPositiveButton("确定", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                result.confirm(et.getText().toString());
                            }
                        })
                        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                            @Override
                            public void onClick(DialogInterface dialog, int which) {
                                result.cancel();
                            }
                        })
                        .setCancelable(false)
                        .create()
                        .show();
                return true;
            }
        });

还需要设置一些属性支持js

WebSettings webSettings = webview.getSettings();
webSettings.setJavaScriptEnabled(true);// 支持JS

h5

<!DOCTYPE html>
<html>
<head>
	<title>我的测试</title>
	<meta charset="utf-8">
	<script type="text/javascript">
		function toast(){
			alert("弹窗");
		}

		function toast_confirm(){
			var result = confirm("确定要退出吗？");
			if (result) {
				console.log("点了确定");
			} else {
				console.log("点了取消");
			}
		}

		function toast_prompt(){
			var result = prompt("请输入", "");
			if (result) {
				console.log("点了确定 获取输入的结果=" + result);
			} else if (result === "") {
				console.log("点了确定但是没有输入内容");
			} else {
				console.log("点了取消");
			}
		}
	</script>
</head>
<body>
	<button onclick="toast()">点击弹窗alert</button>
	<br/>
	<button onclick="toast_confirm()">点击弹窗confirm</button>
	<br/>
	<button onclick="toast_prompt()">点击弹窗prompt</button>
</body>
</body>
</html>
孤独的冥王星
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
如何设置WebView支持js的Alert,Confirm,Prompt函数的弹出提示框.
mChenys的博客
11-19 2万+
默认情况下,Android WebView是不支持js的Alert(),Confirm(),Prompt()函数的弹出提示框的.即使设置了setJavaScriptEnabled(true);也是没用的.那么,如何才能让WebView可以支持js的这3个函数呢.可以通过设置WebChromeClient对象来完成.WebChromeClient主要辅助WebView处理Javascript的对话框
webview 支持alert
一切皆有可能
08-12 261
final WebView browser = (WebView)findViewById(R.id.browser);   /* JavaScript must be enabled if you want it to work, obviously */   browser.getSettings().setJavaScriptEnabled(true);      final Co...
Web前端最全自定义alert,confirm样式（付源码）(1)，前端面试流程
最新发布
2401_84411767的博客
05-17 719
前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】1.2confirm()样式二、代码实现2.1具体代码//新alert，confirm样式});},});},_html += ‘_html += ‘//必须先将_html添加到body，再设置Css样式});});break;});});});break;},
C# Winform 中使用 Webview2
笨笨D幸福 - 后花园
05-06 6590
目前的windows/Linux下的UI方案，以Qt为主，Flutter, Electron为辅，其他的各种UI都是不堪大用。除了使用CEF的Qt/C++/C#方案，Qt+WebEngine, 目前在Windows下各家的最终归路都转向Webview2方案，可以极大地减少发布的程序的大小。
webview拦截请求
热门推荐
清风明月的专栏
09-02 1万+
1. 拦截超链接请求：重写webclient的 @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { Log.e("cache", "shouldoverride-url="+url); return super.shouldOverrideUrlLoading(view, url);
AndroidWebView.rar
06-29
- `WebChromeClient`：处理更复杂的交互，如弹出对话框、处理JavaScript的alert、confirm、prompt等。 3. **Android与WebView的交互**： - **Android调用JavaScript**：使用`WebView.loadUrl("javascript:your...
Android 和 javascript 交互 Android混合开发之WebView与Javascript交互
03-27
你可以重写`onJsAlert`、`onJsConfirm`和`onJsPrompt`来处理JavaScript的alert、confirm和prompt对话框。 2. `WebViewClient`：主要负责页面加载过程中的事件，如页面开始加载、页面加载完成、错误处理等。重写`...
WebView杂谈——源码
08-19
WebChromeClient则负责更复杂的交互，比如显示进度条、处理JavaScript的对话框（如alert、confirm、prompt）等。 在实际开发中，我们可能需要拦截URL请求，比如防止外部链接跳转或者自定义加载特定格式的资源。这时...
安卓浏览器WebViewJSHTML5相关-androidwebview加载本地html.zip
07-29
`WebChromeClient`通常用于处理JavaScript的对话框（如alert、confirm、prompt）、进度信息以及文件选择器。而`WebViewClient`则用于拦截页面的加载事件，比如在页面加载开始、完成或出错时进行相应的处理。通过重写...
安卓原生与html通信
08-25
这两个类提供了回调方法，例如`onJsAlert()`、`onJsConfirm()`和`onJsPrompt()`，用于处理JavaScript的alert、confirm和prompt对话框。此外，`addJavascriptInterface()`方法用于添加Java对象到WebView的JavaScript...
android 拦截webview资源请求,Android WebView通过动态的修改js去拦截post请求参数实例...
weixin_34551614的博客
05-25 1361
Android WebView通过动态的修改js去拦截post请求参数实例发布时间：2020-09-15 22:55:25来源：脚本之家阅读：280作者：xp_code需求背景:需要在用户点击提交按钮的时候拦截用户提交的数据。遇到的问题:1.页面不是自家前端做的,不能修改网页中的代码2.要拦截的请求不是get请求,而是一个post请求 (难点在于:如果拦截的请求是get请求的话,我只需要拿到url...
利用RunTime拦截Alert
Eugene Law IT Space
07-20 192
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. [self runtimeReplaceAlert]; } // 利用runtime来替换展现弹出框的方法 - (void)runtimeR...
android webview js alert对话框 不能弹出 解决办法
niuzaiwenjie的专栏
06-22 3986
android webview js alert对话框 不能弹出 解决办法，增加如下代码即可mWebView.setWebChromeClient(new WebChromeClient());
android怎样对webview加载的内容进行拦截修改
lcwoooo的博客
07-05 7754
需求原因，由于App要用webview调用一个html5。但是网页上面老是有一些烦人的小广告，可是html5网页不受我控制，所以我就想能不能把它进行拦截或者修改。 当然有好的方法可以交流交流 大家知道网页上面挂的一般都是广告联盟的广告，一般就是大家看到的一张诱惑图片加跳转。所以拦截前我们要知道我们要过滤网站的那些内容。下面以百度首页为列。 我要把百度的
WebView：拦截url、js交互、使用本地图片资源
雨山的博客
04-05 4130
上一篇WebView(一)：基本设置与使用，我们了解了WebView的常用API、基本设置以及加载HTML网页。这一篇我们深入讲一些常用的WebView使用方法。比如我们标题上写的拦截URL、JS交互、使用本地图片资源等。好了，废话就到这里，让我们走起……一、Android代码与JS交互现在我们已经使用WebView加载好了HTML网页，我们可以点击网页上的控件进行操作，但是如果HTML中的一些控件
webview之JSB通信原理
有图有真相
05-15 2907
1、前言 在这个移动互联网盛行的时代，移动应用的开发就需求量剧增，早期的移动端应用大都使用原生开发（android，ios），而现在的移动开发技术选型上基本都是混合开发（Hybrid），混合开发是一种开发模式，指使用多种开发模型开发App，通常会涉及到两大类技术：原生Native、Web H5。 2、WebView A View that displays web pages. webView是移动端(原生)提供的运行web的环境，它是一种嵌入式浏览器，原生应用可以用它来展示网络内容。可与页面JavaSc
JS 暴力禁止alert弹窗
默默地博客
03-20 1万+
// 禁止alert弹窗。 防止错误提醒 window.alert = function() { return false; }
webview嵌套iframe 禁止webview拦截iframe消息
06-01
好的，针对你的问题，我可以给出以下的解答： 当在 webview 中嵌套 iframe 时，如果想要避免 webview 拦截 iframe 的消息，可以使用以下两种方式： 1. 使用 postMessage API 在 iframe 中，可以使用 postMessage API 向父级窗口发送消息，父级窗口即 webview。这样可以避免 webview 对 iframe 的消息进行拦截。 2. 设置 webview 的 mixedContentMode 为 0 在 Android 平台上，可以通过设置 webview 的 mixedContentMode 属性为 0 来避免 webview 对 iframe 的消息进行拦截。mixedContentMode 属性的取值有三种，分别为： - 0：允许从任何来源加载内容，包括不安全的来源（如 http://），但是在加载不安全的内容时会给出警告。 - 1：允许从任何来源加载内容，包括不安全的来源，但是不会给出警告。 - 2：只允许从安全的来源加载内容，不允许从不安全的来源加载内容。 通过将 mixedContentMode 设置为 0，可以避免 webview 对 iframe 的消息进行拦截。 希望以上的解答能够帮到你，如果还有其他问题，可以继续问我。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

孤独的冥王星

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值