当webview遇到360wifi

本文介绍了一种处理首次连接360WiFi时自动弹出广告页面的问题的方法。通过检查URL是否包含特定关键字来判断是否为360WiFi广告,并提供了一段用于解析和重定向URL的代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开篇先来说两点事实:

1、现在的很多客户端项目中都会用到webview。

2、现在用360wifi的用户也几乎是办公室中随处可见的事。


大家都知道,我们的手机在第一次连接360wifi的时候,打开浏览器都会弹出360wifi广告页面。如下图所示:


我debug得到的360wifi地址为:http://freewifi.360.cn/portal.php?wifiname=shanhy&url=http%3A%2F%2F172.27.35.1%3A8087%2Fgoto%3F88BC53535A3C623D16277032BE6CC4EF&mid=5e83048d8d072ab2ca70dedc3d563815&checkurl=http%3A%2F%2F172.27.35.1%3A8087%2Fcheck&random=100585513&m=325D6A3D41D7829435E620FC6A1A2552


这种情况在我们平时上网的时候可能不会觉得有什么问题,但是如果我们开发的应用中使用到webview,那么在我们第一次连接360wifi的后,进入到应用中打开第一个webview页面的时候,就会出现这样的一个页面,对应用来说是一个十分不好的体验。下面就是我解决这样问题的方法,分享出来,希望大家有更好的方法的朋友可以留言共同讨论,代码如下:

	/**
	 * 处理URL
	 * 从第三方WIFI的URL中提取实际的URL
	 * 处理360wifi这样自动显示广告页面的情况(本应用的的URL中不会存在WIFI字样,而第三方WIFI广告一般都会包含WIFI关键字,拦截URL后,截取其中的URL参数就是我们真正要访问的地址)
	 * 
	 * @return
	 * @author SHANHY
	 * @date   2015-8-8
	 */
	private String processUrl(String url){
		if(url.contains("wifi") && url.contains("url=")){
			int urlstartIndex = url.indexOf("url=") + 4;
			url = url.substring(urlstartIndex);
			int urlendIndex = url.length();
			if(url.contains("&")){
				urlendIndex = url.indexOf("&");
			}
			url = url.substring(0, urlendIndex);
			try {
				url = URLDecoder.decode(url, "UTF-8");
			} catch (UnsupportedEncodingException e) {
			}
		}
		return url;
	}
	
	/**
	 * URL被重写时会被调用
	 * 
	 * @return 返回true表明点击网页里面的链接还是在当前的WEBVIEW里跳转; false表示WEBVIEW内部处理。
	 */
	public boolean shouldOverrideUrlLoading(final WebView view, String url) {
		if (url == null || url.length() == 0) {
			return false;
		}
		
		url = processUrl(url);
		
		view.loadUrl(url);
		return true;
	}



----------------------------

(完)







### UniApp WebView 使用过程中的常见问题与解决方法 #### JavaScript 支持未启用 当在 UniApp 中使用 WebView 组件加载网页时,如果页面依赖于 JavaScript 功能,则可能会遇到交互功能失效的情况。这通常是因为 WebView 的 JavaScript 支持默认处于关闭状态。 为了确保 JavaScript 正常工作,在初始化 WebView 设置时应显式开启 JavaScript 支持[^2]: ```javascript const webViewRef = uni.createSelectorQuery().select('#webView'); webViewRef.context((res) => { res.context.setWebViewJavascriptBridge({ enable: true, handlerName: 'yourHandler' }); }).exec(); ``` #### 表单提交失败 另一个常见的问题是表单数据无法正常提交给服务器端处理。此现象可能是由于 WebView 对 HTML 表单元素的支持不够完善所引起的。 针对这一情况,建议开发者采取以下措施来优化表单操作体验: - 将 `<form>` 标签替换为更灵活的 AJAX 请求方式; - 或者通过监听 `submit` 事件并阻止其默认行为,手动收集字段值并通过 API 发送请求; 对于第二种做法可以参考如下代码片段实现: ```html <form id="myForm"> <!-- form fields here --> </form> <script type="text/javascript"> document.getElementById('myForm').addEventListener('submit', function(event){ event.preventDefault(); // 阻止默认提交动作 const formData = new FormData(this); fetch('/api/endpoint', {method:'POST', body:formData}) .then(response=>response.json()) .catch(error=>console.error('Error:', error)); }); </script> ``` #### Android 和 iOS 平台差异 值得注意的是,尽管两者都采用了 WebKit 渲染引擎作为基础,但在实际应用开发中会发现 iPhone 上的 WebView 性能表现优于 Android 版本[^1]。因此,在跨平台项目里可能需要额外注意不同操作系统间存在的细微差别,并据此调整设计策略以提供一致性的用户体验。 #### 视频播放组件配置不当 部分情况下,用户反馈说在某些设备上观看视频存在问题。经排查得知这是因为没有正确配置 manifest 文件里的 VideoPlayer 属性所致[^3]。具体来说就是缺少必要的权限声明或是未能按照官方文档指示完成相应设置项的选择。 要修正这个问题只需按提示修改应用程序清单文件(manifest.json),找到 App 模块下的 VideoPlayer 节点将其激活后再编译构建新版本即可解决问题。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

catoop

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

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

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

打赏作者

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

抵扣说明:

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

余额充值