如何判断标签是网站还是图像？

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

看起来像是图片的网址，但它不是。问题是有时候标签实际上是一个图像，即使没有扩展名，例如：

http://placehold.it/500x500

这是一张图片，但后台脚本并不知道。

那么如何判断标签是图像还是网站？ API中是否有处理此问题的内容？

Answer 1

向相关资源发出HEAD个请求，并阅读Content-Type响应标头。但是，您可能必须提出跨源请求，但如果您正在开发Chrome扩展程序looks like there's a permission for that。

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