当前位置: 首页 > news >正文

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

清除URL中的零宽空格
在编码前使用正则表达式移除不可见字符:

$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没有隐藏字符:

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

在webview页面:

onLoad(e) {// console.log(JSON.stringify(e.url));// // console.log(decodeURIComponent(e.url));if(e.url){this.url1 = decodeURIComponent(e.url)// this.url1 = e.urlconsole.log(this.url1)}// this.url1 ='http://www.baidu.com'// this.url =(JSON.stringify(e.url))}

http://www.xdnf.cn/news/935173.html

相关文章:

  • Linux系统之grub-mkrescue详解
  • vue.js not detected解决方法
  • Oracle实用参考(13)——Oracle for Linux物理DG环境搭建(2)
  • 第四篇:服务商(工人端)-02服务商入驻审核
  • SCADA|RESTful学习,Apipost通过GET获取KingSCADA实时数据
  • 软件测试—学习Day11
  • HTTP 重定向详解
  • Vulkan 3D Tiles渲染器开发笔记1-脚手架搭建
  • Linux nano命令的基本使用
  • 代码随想录算法训练营第60期第六十天打卡
  • 十一(2) 类的实例化
  • 打卡第48天
  • 系统思考:跳出症状看全局
  • 第35周综合就业指南
  • 深入剖析AI大模型:用神经网络构建医疗影像辅助诊断系统
  • Compose笔记(二十六)--DatePicker
  • LeetCode 1723: 完成所有工作的最短时间
  • 大数据+智能零售:数字化变革下的“智慧新零售”密码
  • LLMs 系列科普文(5)
  • 大模型外挂MCP教程(8): 飞算JavaAI智能分析搭建自己的MCP Server
  • godot小白入门前的一些前置知识了解
  • 深入了解linux系统—— 共享内存
  • BERT
  • 【数据结构】图论基石:最小生成树(MST)实战精解与Prim/Kruskal算法详解
  • LLMs之PE:system-prompts-and-models-of-ai-tools的简介、使用方法、案例应用之详细攻略
  • 掌握 HTTP 请求:理解 cURL GET 语法
  • 基于dify的营养分析工作流:3分钟生成个人营养分析报告
  • 【HarmonyOS5】掌握UIAbility启动模式:Singleton、Specified、Multiton
  • 探究 Java SPI 原理与实战_打造高扩展性的应用架构
  • 【笔记】结合 Conda任意创建和配置不同 Python 版本的双轨隔离的 Poetry 虚拟环境