html - 此 URL 如何响应图像或嵌入该图像的网页？

Question

this gif of Michael Jackson eating Tide Pods 的网址有一些我以前从未见过的有趣行为。我是一个狂热的互联网用户，但我对 HTTP 的了解有限。我知道网络服务器可以响应它想要的请求并提供元数据来帮助浏览器确定它实际响应的内容类型，所以 .gif 并不奇怪url 实际上可以返回一个 .gif 以外的东西并正确显示。令我困惑的是 .gif 生成的网页是如何生成的url 包含在 img 中标签。

这只是某种不透明的服务器端魔法吗？ (即服务器正在使用 HTTP 请求 header 来猜测请求是否来自 <img> 中的 URL 或浏览器地址栏)

Answer 1

在这种情况下，似乎有所不同的是 text/html 的存在在accept: header 。

尝试:

curl 'https://media1.tenor.com/images/f1fec382c29ce096bfbacd7844c54e0f/tenor.gif' \
-H 'accept: text/html'

然后尝试:

curl 'https://media1.tenor.com/images/f1fec382c29ce096bfbacd7844c54e0f/tenor.gif' \
-H 'accept: */*'

List of default Accept values

When requesting an image, like through an HTML <img> element, user-agent often sets a specific list of media types to be welcomed:

|User Agent|Value                       |
-----------------------------------------
|Firefox   |*/* (since Firefox 47)      |
|Safari    |*/*                         |
|Chrome    |image/webp,image/*,*/*;q=0.8|