2015-09-28 28 views
0

在網站http://expensebite.com上,我在左上角有一個標誌,它是一個可退回到PNG的SVG。它不像預期的那樣運行,我無法追蹤爲什麼(不知道如何): - Win10上的Chrome 45.0.2454.101:下載SVG,在任何分辨率下不顯示任何分辨率 - Win10上的FF 40.0.3:顯示灰色框 - Win10上的MS Edge 20.10240.16384.0:顯示徽標 - MacBook上的Safari 8.0.8:什麼都沒顯示特定於瀏覽器的SVG顯示問題

爲什麼?我將如何調試?

+0

需要看代碼,svg可以根據它的插入情況而定。 – deek

回答

1

您的SVG正在使用錯誤的內容類型(MIME類型)。他們被作爲application/octet-stream而不是image/svg+xml

檢查您的Web服務器配置。

您在您的瀏覽器網絡工具 - 「網絡」(或「網絡」)選項卡上看到您自己的服務內容類型。

1

您的徽標位於http://expensebite.com/images/logo.svg處的HTTP標頭不正確,因此瀏覽器將其解釋爲二進制流而不是圖像。目前,正在送達頭

Content-Type: application/octet-stream 

,並在它需要被替代送達的

Content-Type: image/svg+xml 

您需要配置正確的SVG Content-Type頭的object標籤使用您的服務器使用正確的內容類型標頭來爲svg文件提供服務,這個過程將根據您使用的服務器軟件/託管的類型而有所不同。