如何判斷一個標籤是網站還是圖片？

Question

我想做一個chrome擴展，檢查一個標籤是圖像還是網站。讓我解釋：我想注入（或執行）只有當標籤是像一些代碼，例如，如果標籤的網址是：

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

所以，如果我做一個後臺腳本來檢查，如果網址是圖像（*.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類型。