javascript - 火狐瀏覽器怎麼不顯示載入失敗的圖片佔位符

Question

頁面中加載圖片404，Chrome 和IE 下會顯示一個加載失敗的佔位符（如圖），這樣用戶能夠直白的看到有圖片加載失敗了，可是火狐為什麼沒有顯示類似的佔位符？

###

Answer 1

火狐比較特殊，可以試試看下面的啟用方式
網址列輸入about:config 查找browser.display.showimageplaceholders，值設為true

另外圖片不顯示最好不要用佔位符，可以嘗試用一下幾種方式，在圖片載入失敗時，給預設的圖片。

方式一

懶載入方式，src賦值前判斷真實img是否載入成功

方式二

少量img轉化

`
​​`

批量img轉換

  $('img').error(function(){
            $(this).attr('src', "default.jpg");
         });

Answer 2

火狐直接把alt裡的內容顯示出來，不會像ie/chrome那樣有個預設的圖片