自定义URL Schema下Safari与Chrome的URL构造器行为差异排查

问题概述 #

在使用URL构造器处理自定义URL Schema时，Chrome（含Android WebView）与Safari（含iOS WebView）存在解析差异：Chrome会将pathname错误包含localhost，同时hostname和host字段为空；而Safari能正常解析所有URL组件。该差异导致嵌入在移动端WebView的应用出现功能异常。

已尝试的方案 #

• 通过manifest.json注册自定义URL Schema
• 使用navigator.registerProtocolHandler方法尝试控制解析行为

可能的原因 #

不同浏览器对自定义URL Schema的解析逻辑存在分歧：Chrome可能将未明确指定主机部分的自定义Schema URL误识别为相对路径，进而默认关联到localhost；而Safari对自定义Schema的解析更严格遵循URL规范，保留正确的组件结构。

可行的解决办法 #

• 手动构造URL组件：绕过浏览器自动解析逻辑，直接手动设置hostname、pathname等字段，确保各组件值符合预期
• 标准化URL格式：自定义Schema的URL需严格遵循规范，比如使用myapp://example.com/path这类明确包含主机部分的格式，避免省略主机导致的解析歧义
• Chrome专属兼容处理：检测当前浏览器环境，若为Chrome或Android WebView，对解析后的URL组件进行修正——比如从pathname中剔除错误的localhost前缀，补全hostname字段
• 检查WebView配置：确认Android WebView的设置允许自定义Schema的正常解析，比如启用URL拦截逻辑，确保WebView能正确识别并处理自定义Schema请求

内容的提问来源于stack exchange，提问作者Рамиль Мусаев