html - 如何在不被跟踪的情况下从 Twitter 加载个人资料图片？

Question

例子:

<img src="https://twitter.com/mozilla/profile_image">

现场演示:https://jsbin.com/ziwanu/edit?html,output

相应的 HTTP 请求将 cookie 发送到 Twitter，这就是为什么 Firefox 的新跟踪保护功能会阻止它，即不显示图像。有没有办法以与 Firefox 的跟踪保护兼容的方式从 Twitter 获取个人资料图片？

---

更新:图像代理可以用作动态回退(通过onerror 属性)。演示:https://jsbin.com/xibose/edit?html,js,output

Answer 1

我认为您可以将几件事链接在一起来做到这一点...

使用 Avatars.io，您可以在不询问 Twitter 的情况下请求用户的图像。

http://avatars.io/twitter/mozilla

或者，对于更大的图像

http://avatars.io/twitter/mozilla?size=large

这将重定向到

http://pbs.twimg.com/profile_images/576067580219146242/ON0VuHtK_bigger.png

我不知道您的 cookie 是否会发送到那里。如果他们这样做，您可以使用像 https://images.weserv.nl/ 这样的图像代理。 (其他代理可用!)。

所以 - https://images.weserv.nl/?url=avatars.io%2Ftwitter%2Fmozilla%3Fsize%3Dlarge

我认为这将通过代理加载图像 - 无需向 Twitter 发送任何内容。