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))
		}
相关推荐
moxiaoran57531 小时前
uni-app学习笔记三十六--分段式选项卡组件的使用
笔记·学习·uni-app
moxiaoran57533 小时前
uni-app项目实战笔记1--创建项目和实现首页轮播图功能
笔记·uni-app
!win !5 小时前
uni-app项目怎么实现多服务环境切换
前端·uni-app
xw55 小时前
uni-app项目怎么实现多服务环境切换
前端·uni-app
对酒当歌丶人生几何5 小时前
Uniapp实现多选下拉框
前端·javascript·uni-app
浩星7 小时前
uniapp请求接口封装
uni-app
满分观察网友z7 小时前
uni-app 滚动视图scroll-view从入门到精通
uni-app
^Rocky9 小时前
uniapp 实现腾讯云IM添加好友功能
javascript·uni-app·腾讯云
程序员小刘9 小时前
基于uni-app for HarmonyOS5 的跨平台组件库开发指南,以及组件示例
华为·uni-app·harmonyos
Jinxiansen021111 小时前
uni-app 自定义路由封装模块详解(附源码逐行解读)
java·前端·uni-app