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))
		}
相关推荐
Sun Peng5 分钟前
【uniapp】uniapp+uview-ui+mixins实现搜索+上拉加载+加载动画功能:
ui·uni-app
00后程序员张14 分钟前
iOS 开发环境搭建完整指南 Xcode 安装配置、iOS 开发工具选择、ipa 打包与 App Store 上架实战经验
android·macos·ios·小程序·uni-app·iphone·xcode
Q_Q51100828536 分钟前
python+springboot+uniapp基于微信小程序的停车场管理系统 弹窗提示和车牌识别
vue.js·spring boot·python·django·flask·uni-app·node.js
慎思笃行_5 小时前
uniapp 无线连接 手机基座
智能手机·uni-app
00后程序员张5 小时前
App 上架全流程指南,iOS 应用发布步骤、ipa 文件上传工具、TestFlight 分发与 App Store 审核经验分享
android·ios·小程序·https·uni-app·iphone·webview
2501_916013745 小时前
iOS App 上架流程详解,苹果应用发布步骤、App Store 审核规则、ipa 文件上传与测试分发实战经验
android·ios·小程序·https·uni-app·iphone·webview
小样还想跑5 小时前
UniApp ConnectSocket连接websocket
websocket·elasticsearch·uni-app
Nan_Shu_6145 小时前
学习:uniapp全栈微信小程序vue3后台(28)
前端·学习·微信小程序·小程序·uni-app
—Qeyser6 小时前
Laravel + UniApp AES加密/解密
前端·uni-app·laravel
游戏开发爱好者86 小时前
Nginx HTTPS 深入实战 配置、性能与排查全流程(Nginx https
运维·nginx·ios·小程序·https·uni-app·iphone