MOBILE EXPERIENCE
移动体验
围绕速度、布局与可访问性,优化手机端阅读体验。
移动体验
移动端网页为何无法读取跨域资源?检查 Cross-Origin-Resource-Policy 响应头
当移动端网页请求跨域资源失败时,应优先检查目标资源是否设置了 Cross-Origin-Resource-Policy 响应头。
移动体验
移动端网页如何通过 NavigatorUAData 获取高熵设备信息
当浏览器启用 User-Agent reduction 后,低熵信息会被简化,若需获取高熵信息如设备型号,需使用 NavigatorUAData.getHighEntropyValues 方法。
移动体验
移动端 fetch 跨域请求为何报错 Credentials 不支持
移动端 fetch 跨域请求携带 Cookie 失败时,应检查请求是否设置了 credentials 标志,以及服务器响应头 Access-Control-Allow-Origin 是否为通配符。
移动体验
移动端网页如何通过 Critical-CH 响应头确保关键首屏内容正确渲染
当服务器通过 Accept-CH 响应头请求高熵客户端提示时,使用 Critical-CH 响应头可以确保关键的首屏资源在页面渲染前就正确应用,避免因缺少关键提示导致页面显示异常。
移动体验
移动端 fetch 请求携带 Cookie 失败如何排查
当移动端网页发起跨域请求时,如果服务器返回的 Access-Control-Allow-Origin 响应头值为星号,将导致无法携带凭证信息。