Firefox顯示破損圖像

在Firefox中，破碎的圖像顯示爲空白空白。在白色背景上，沒有辦法區分沒有圖像和破碎的圖像。這使得識別破碎的圖像難以識別並且使其不被修正。Firefox顯示破損圖像

我該如何製作它，以便在Internet Explorer中像破壞圖像一樣產生X？

來源

2009-11-08 reach4thelasers

我知道這個問題被問前一段時間，但我寫了一篇博客文章對這個問題而回，並認爲這可能是值得adding a link的情況下，任何人都穿過它下降。

編輯2013年9月12日：

KatieK做出以下一個好點的有關直接在回答這些信息的添加，這裏是必要的步驟來得到這個工作，還是在最新的相關每晚建設成爲東方電氣2013（v28a2）

1）型about：config中到你的地址欄中，接受警告

2）搜索browser.display.show_image_placeholders並設置爲真正

3）搜索您的外匯配置文件文件夾UserContent-example.css，重命名爲UserContent.css（如果示例文件犯規存在，你可以創建一個）

4）將以下css添加到您的UserContent。CSS和重新啓動Firefox

/* Enable image placeholders */ 
@-moz-document url-prefix(http), url-prefix(file) { 
    img:-moz-broken{ 
    -moz-force-broken-image-icon:1; 
    width:24px; 
    height:24px; 
    } 
}

來源

2011-01-17 17:17:02 gavtaylor

這就是答案！現在我可以找到破碎的圖像。謝謝！ – 2011-03-31 12:12:06

我在我的個人資料文件夾中創建了一個「UserContent.css」文件，但沒有奏效。我發現我需要在我的個人檔案文件夾中創建一個「chrome」文件夾，並將「UserContent.css」文件放在那裏。之後，它工作。 – 2016-10-20 14:39:24

有沒有辦法仍然顯示在破碎的圖標旁邊的替代文字？ – endolith 2016-12-07 19:47:13

更好的解決方案可能是捕獲返回404 Not Found Error的圖像請求。

在Firefox中，您可以使用Firebug查看您的瀏覽器發出的所有HTTP請求。任何丟失的文件將在列表中顯示爲紅色。要在Internet Explorer中實現相同的功能，您可以使用Microsoft的Fiddler工具。

來源

2009-11-08 00:46:25

更好的是，從Mozilla附加組件站點抓取Web Developer Toolbar。安裝完成後，只需轉到圖像>查找損壞的圖像。

來源

2009-11-08 00:49:01 coreyward

我已經有Web開發人員工具欄，而且這個工作正常，但我一直在尋找一個解決方案，使圖像被打破，而不必明確地選擇一個菜單選項。我想要突出破碎的圖像給我，而不是我不得不請求一些東西。 – reach4thelasers 2009-11-08 21:55:59

給出的所有解決方案都很好。只有另一種情況下，圖像將被打破和一個不同的解決方案。

你熱鏈接圖像。您無法控制最終會返回404並希望向用戶顯示某些內容的圖像。你可以用css和正確的圖像寬度/高度來防止顯示。

// html code 
<img class="external" src="http://externalserver.com/image.jpeg" width="300" height="200" /> 

// css 
.external { 
    background: url(path-to-file); 
    -moz-force-broken-image-icon: 1; /* to make FF show the image */ 
}

而你的背景文件會有一個交叉或文字說明圖像不再可用。只是一個想法。

希望它有幫助。

來源

2009-11-08 01:26:59 Frankie

如果圖片損壞，Firefox會忽略寬度和高度 - 它會在Alt標籤中顯示文本。 – 2012-05-18 13:53:57

@ user961333 true ...在FF上，您必須使用'-moz-force-broken-image-icon：1'。您可以在整個網站或特定圖片上進行此操作。相應地更新答案。 THKS。 – Frankie 2012-05-18 14:57:02

我在FF中遇到了問題，錯過了檢查什麼時候我確信包含了圖像。由於圖像沒有上傳到文件夾或其他原因，因此沒有檢測到，並且FF由於空白alt而沒有說任何內容。在這裏，我已經發布瞭解決方案：http://www.satya-weblog.com/2010/07/display-broken-images-in-firefox.html

來源

2010-07-20 09:41:25

的最佳解決方案，以顯示在Firefox殘缺的圖像圖標 - 安裝的Greasemonkey（https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/）並安裝殘破的圖片圖標腳本（http://userscripts.org/scripts/show/104265）

來源

2012-02-08 01:11:58 Minkul

此添加 - 通過掃描當前訪問的網站及其所有嵌入式樣式表來檢測不可用的圖像：

https://addons.mozilla.org/de/firefox/addon/broken-image-finder/

來源

2013-02-02 11:19:13 dupps