uniapp跳转到webview组件的时候,要注意:移除所有不可见字符(包括零宽空格)

清除URL中的零宽空格

在编码前使用正则表达式移除不可见字符:

javascript 复制代码
$openWebview = function(url) {
    // 移除所有不可见字符(包括零宽空格)
    const cleanUrl = url.replace(/[\u200B-\u200D\uFEFF]/g, '');
    console.log(encodeURIComponent(cleanUrl)); // 输出正常编码结果
    uni.navigateTo({
        url: '/pages/webview/webview?url=' + encodeURIComponent(cleanUrl)
    });
}

确保调用时传入的URL没有隐藏字符:

javascript 复制代码
// 正确调用方式(直接输入字符串,不要从富文本等可能含隐藏字符的源复制)
this.$openWebview('http://www.baidu.com'); 

在webview页面:

javascript 复制代码
onLoad(e) {
			
			// console.log(JSON.stringify(e.url));
			// 
			// console.log(decodeURIComponent(e.url));
			if(e.url){
				this.url1 = decodeURIComponent(e.url)
				// this.url1 = e.url
				console.log(this.url1)
			}
			
			// this.url1 ='http://www.baidu.com'
			// this.url =(JSON.stringify(e.url))
		}
相关推荐
Haibakeji2 小时前
APP小程序定制开发项目频繁延期?前期规避方法与落地避坑指南
小程序·uni-app·软件需求
anyup3 小时前
迁移uni-app x,我是如何让 AI 把我一步步搞崩溃的...
前端·uni-app·trae
2501_916007474 小时前
申请 iOS 推送证书并配置 APNs 群发推送教程
android·ios·小程序·https·uni-app·iphone·webview
博客zhu虎康5 小时前
uni-app云打包显示编译成功,但是一直没有进入打包队列,后面也一直没反应
uni-app
JavaDog程序狗1 天前
【指南】uni-app微信小程序多环境CI-CD完全指南
ci/cd·uni-app·jenkins
PedroQue991 天前
uni-router v2.1.0 升级:导航守卫全面支持返回值模式
前端·uni-app
2501_915909062 天前
iOS test 测试怎么做?功能、性能、兼容、稳定与安全五类测试指南
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者83 天前
App Store 上传 IPA 自动化,.p8 密钥认证与 CI/CD 接入实战
android·运维·ci/cd·小程序·uni-app·自动化·iphone
游戏开发爱好者83 天前
iOS 推送怎么配置,APNs 推送证书、设备库与群发
android·ios·小程序·https·uni-app·iphone·webview
AI_AGENT_DEV_AI4 天前
原生 APP 开发的开发优点
uni-app