iOS App内嵌H5页面标题乱码问题及解决方法
在移动应用开发中，动态设置H5页面标题十分常见，通常通过URL参数传递。然而，某些开发者在iOS App中遇到标题显示乱码（例如“%25E7%25BA”）的问题。本文将分析原因并提供解决方案。
问题：
H5页面通过URL参数（例如：
）接收标题，并使用
解码及
设置
标签。在
浏览器
中显示正常，但在iOS App内嵌后，标题却显示为URL编码格式。
原因分析：
问题根源在于URL参数拼接时未进行正确的URL编码。直接将中文标题添加到URL中，iOS系统可能对其进行二次编码，导致最终显示错误。
Comet AI 浏览器
下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载
解决方案：
在将标题添加到URL之前，使用
进行编码，再传递给H5页面。H5页面仍使用
解码。
正确的URL参数拼接方式：
通过
预先编码，避免iOS系统二次编码，从而确保标题正确显示。
http:xxx.xxx.xxx.xxx?title=测试titledecodeURIComponent()$('title').text(title);encodeURIComponent()decodeURIComponent()http:xxx.xxx.xxx.xxx?title=${encodeURIComponent("测试title")}encodeURIComponent()