移动体验
移动端跨域资源加载失败？检查 Cross-Origin-Resource-Policy 响应头
当移动端网页无法加载跨域资源时，应检查目标资源是否设置了 Cross-Origin-Resource-Policy 响应头，该头会限制不同源的 no-cors 请求读取响应体。
MOBILE EXPERIENCE
移动体验
围绕速度、布局与可访问性，优化手机端阅读体验。
移动体验
移动端个性化内容失效？检查 Cookie 的 Domain 属性
服务器通过 Set-Cookie 响应头中的 Domain 属性定义 Cookie 的作用域，检查该属性配置可解决移动端个性化内容无法生效的问题。
移动体验
移动端背景图与背景色叠加显示异常？检查 background-blend-mode 属性
当移动端页面背景图与背景色叠加时，如果显示效果不符合预期，应检查 background-blend-mode 属性的设置值是否正确。
移动体验
移动端 3D 翻转卡片背面显示异常？检查 backface-visibility 属性
当移动端 3D 翻转卡片在旋转后背面内容无法正常显示时，应检查 backface-visibility 属性的设置值。
移动体验
移动端内联脚本被 CSP 阻止如何排查？检查 script 标签的 nonce 属性
当浏览器控制台显示内联脚本被阻止时，通常是因为 CSP 策略禁止了未经过哈希或 nonce 验证的脚本执行。
移动体验
移动端网络请求失败如何排查？检查 NEL 报告中的 phase 字段
通过检查 Network Error Logging (NEL) 报告中的 phase 字段可以快速定位移动端网络请求失败的具体阶段。
移动体验
移动端表单提交前如何用 setCustomValidity 自定义校验逻辑
当浏览器默认校验规则无法满足业务需求时，可使用 Constraint Validation API 的 setCustomValidity 方法自定义错误提示信息。
移动体验
移动端动画只播放一次？检查 animation-iteration-count 属性
检查 animation-iteration-count 属性的取值是否正确，确认动画是否按预期次数循环播放。