MacOS 10.15 上的 Safari 访问 SMZDM 时，很多图片显示不出来

[f1ynnv2]

Safari 连续用的时间久了，比如超过三小时，会发现 SMZDM 很多图片显示不出来，有时候京东的很多图片也加载不了。
每次出现这种情况的时候，要按 Mac+Q 完全退出 Safari，再打开这些网站就好了。今天看了一下，发现 SMZDM 这个网站上出现这类问题的图片都是来自 https://y.zdmimg.com 的，比如 https://y.zdmimg.com/202008/21/5f3f31d833f501579.jpg_d200.jpg
而这些图片直接用 Safari 打开又是正常。试了其它浏览器打开 SMZDM 从来没遇到这情况。

大家有没有遇到这情况的。

[Yasir]

贴吧也是

[cst4you]

referer 配置错了吧...

[meisen]

Safari 很多网站图片都有不能显示问题，特别是显示图床的时候更严重。

https://www.v2ex.com/t/686204#reply86

[autoxbc]

这类问题基本都是 lazyload 和 referrer 导致的，很多网站的代码非常脆弱，离了 Chrome 就无法运行

[ysc3839]

用开发者工具看看网络请求什么情况？

[yuanfnadi]

我来科普一下原理

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Referrer-Policy


之前浏览器的策略是 no-referrer-when-downgrade

no-referrer-when-downgrade （默认值）
在没有指定任何策略的情况下用户代理的默认行为。在同等安全级别的情况下，引用页面的地址会被发送(HTTPS->HTTPS)，但是在降级的情况下不会被发送 (HTTPS->HTTP)。


新版本 safari 和 新版本 chrome （可能还没发布正式版 的策略变成了 strict-origin-when-cross-origin


strict-origin-when-cross-origin
对于同源的请求，会发送完整的 URL 作为引用地址；在同等安全级别的情况下，发送文件的源作为引用地址(HTTPS->HTTPS)；在降级的情况下不发送此首部 (HTTPS->HTTP)。


这样会导致跨域的时候，图床没法知道网站具体的 url，鉴权不通过。

[yuanfnadi]

https://developers.google.com/web/updates/2020/07/referrer-policy-new-chrome-default

A new default Referrer-Policy for Chrome: strict-origin-when-cross-origin

新版本 chrome 也会改默认的 referrer 策略。