如何辨别标签是网站还是图片？

Question

我想做一个chrome扩展，用来检查标签是图片还是网站。让我详细说明一下:我只想在选项卡是图像的情况下注入(或执行)一些代码，例如，如果选项卡URL是：

https://upload.wikimedia.org/wikipedia/commons/0/0e/MorningIndianRiver%2C_KennedySpaceCenter.jpg

因此，如果我创建一个后台脚本来检查URL是否包含图像(例如*.jpg)，那么它将为所有看起来像图像但不像图像的内容执行代码，例如：

https://commons.wikimedia.org/wiki/File:MorningIndianRiver,_KennedySpaceCenter.jpg

它看起来像一个图像的URL，但它不是。问题是，有时选项卡实际上是一个图像，即使没有扩展名，就像这样：

http://placehold.it/500x500

这是一个图像，但背景脚本不知道这一点。

那么如何辨别标签是图片还是网站呢？API中有没有什么东西可以处理这个问题？

Answer 1

向相关资源发出HEAD请求并读取Content-Type响应头。不过，你可能不得不发出跨域请求，但如果你正在开发Chrome扩展，looks like there's a permission for that。

您可能会寻找与image/*匹配的MIME类型。