页面图片在电脑正常,部分手机浏览器打开全是空白占位。乍看像缓存或者权限的锅,追下去往往不是。

Referrer-Policy: no-referrer-when-downgrade
# 图片回退
<picture><source srcset='a.webp' type='image/webp'><img src='a.jpg'></picture>

追下去是这么回事:请求未携带来源信息,图片服务端按策略拒绝,或图片使用了不支持的格式。

「图片不显示」这类改动最怕改一半,回滚脚本先准备好,再动生产。一次只改一处,改完立刻验证,几个改动叠在一起,出问题就说不清是谁导致的。

先做最小复现,能稳定跑出来的问题,排查成本会低一个数量级。别只看报错的最后一行,往上看几行,真正的起因通常在上面。

同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。

改完隔一天再看一次,当场正常不代表能稳住。

具体做法是,放宽图片来源校验;提供通用格式回退;在真机上抓包确认状态码。

验收就看一点,各浏览器图片均可正常显示。

作者 9823189