MacBook Pro Safari 15.0环境下指定子页面加载不完整问题咨询

特性兼容问题 #

Safari 15.0 属于存在较多兼容性缺陷的历史版本，优先核对页面用到的新特性支持情况：

• 排查是否使用了 :has() 选择器、CSS容器查询、CSS层叠层（@layer）等样式特性，上述特性均在Safari 15.4及以上版本才支持，低版本会直接忽略相关规则，导致页面布局断裂
• 排查是否使用了 Array.at()、structuredClone()、顶级await等JS特性，上述特性在Safari 15.0中未实现，会触发JS执行报错，导致后续渲染逻辑中断

隐私规则拦截问题 #

Safari 15.0的智能防跟踪（ITP）策略比后续版本严格度更高，易出现合法资源被拦截的情况：

• 核对跨域资源的CORS配置是否符合Safari要求，尤其是第三方字体、统计脚本、嵌入资源的响应头配置
• 确认页面是否依赖本地Cookie、localStorage存储的渲染参数，若客户开启了「阻止所有Cookie」选项，会导致相关参数读取失败，页面加载中断

环境差异问题 #

• 可引导客户在Safari隐私模式下访问测试，排除广告拦截、隐私保护类扩展的规则拦截影响
• 核对静态资源CDN的节点覆盖情况，部分地区的网络可能对特定CDN节点的访问存在超时、丢包问题，导致资源加载不全

内容的提问来源于stack exchange，提问作者Robin Mokrý