我可以阻止Chrome開發人員工具控制檯記錄圖像404錯誤嗎？

每次找不到頁面資產（包括圖片）時，Chrome開發者工具控制檯都會記錄錯誤（即返回404）。我可以阻止Chrome開發人員工具控制檯記錄圖像404錯誤嗎？

在我的工作中，我經常在第三方提供圖像的網站上工作，並且在開發期間可能無法使用圖像。將每個丟失的圖像顯示爲控制檯中的錯誤會導致其他更重要的錯誤（例如JavaScript錯誤）難以注意。

是否有一個設置可以停止控制檯將未解決的圖像記錄爲錯誤？

或者是否有某種方法可以通過相同的條件篩選控制檯消息，以便您可以在「網絡」選項卡中過濾請求？

（參見例如http://chromium.googlecode.com/issues/attachment?aid=1337330000000&name=Screenshot-Google%2B+-+Google+Chrome.png&token=1F05er8uKjAQEEBrUITFjsIGJ2A%3A1358867878658&inline=1）

來源

2013-01-15 Paul D. Waite

也許你可以安裝Chrome的firebug精簡版插件，我不知道螢火蟲精簡版，因爲我用firefox的firefox，但與Firefox可以選擇顯示或不顯示錯誤。 –

@HansVn：我知道你要去哪裏，但我不認爲Firebug Lite有一個JavaScript錯誤控制檯，所以我不能用它來代替Chrome開發人員工具控制檯。 –

Chromium團隊的工作已經開始：https://code.google.com/p/chromium/issues/detail?id=96212 –

的工作已經由鉻隊在這個「開始」：https://code.google.com/p/chromium/issues/detail?id=96212

更新：的功能要求是3月18日收盤，2013年我不知道在哪個版本Chrome此功能首次出現，但我可以在我的Chrome v33.0.1750.152（Linux）中確認控制檯過濾選項。

更新2：目前，被輸入濾波器（明文或正則表達式）時，它抵靠消息文本測試（例如GET http://example.com/foobar 404 (Not Found)）以及右側鏈路（例如test.html:65）的文本。（我已經提交了issue含鉻來跟蹤此。）

作爲一種變通方法，可以使用一個正則表達式過濾等：

^(?!.* 404 \(Not Found\))(?!.*[file name])

其中[file name]是從右側鏈接的文件名。

例如，如果我的頁面是test.html，那麼^(?!.* 404 \(Not Found\))(?!.*test\.html)將起作用。

注意：這也會過濾掉消息文本中具有文件名的消息。我不確定現在有沒有辦法解決這個問題。

來源

2013-01-20 18:07:58

這是一個怎樣的解決方案？可能嗎？ – mayankcpdixit

@mayankcpdixit對於這個問題，「是否有一個設置可以停止控制檯將未解決的圖像記錄爲錯誤？或者是否有某種方法可以按照相同的條件篩選控制檯消息，以便您可以在」網絡「選項卡中篩選請求？當時的答案是，「不，但他們正在努力。」不喜歡答案不是降低投票的正當理由。 –

感謝您的回覆。「不」適用於我:) 什麼方式（現在）使它成爲可能？ – mayankcpdixit

作爲一個備選答案，你可以運行JavaScript代碼的改變違規圖像的src屬性，當你的dev的服務器上（只是確保你不將它發佈到您的生產環境！）。

如果你不想實際上向頁面添加javascript（可以理解），你可以通過一個chrome插件（可能是greasemonkey chrome clone - tampermonkey）在頁面加載時運行腳本。

n.b.感謝您的反饋意見，特別是對於這個工作，它需要在dom準備好之後和圖像加載之前進行。

來源

2013-01-15 14:44:15

你測試過了嗎？做'onerror ='返回false;''或甚至在標籤之後立即更改'src'並不會阻止控制檯錯誤：http://jsfiddle.net/epcB7/ –

好點，我在頁面加載前想 - 所以在，而不是 –

在''時''與''沒有加載，你什麼都不能做。在''之後切換'src'是最快速的（這是我在jsfiddle中做的）。 –

-1

最好在服務器上放置一個404映像，並檢查服務器端是否存在文件，如果不顯示默認的404映像。

問候

來源

2013-01-19 06:26:21

沒錯，但正如我所說的，「我經常在第三方提供圖像的網站上工作，並且在開發過程中可能無法使用」 - 換句話說，我無法控制服務器。 –

或者您可以刪除標籤本身。 –

我可以，但它是一個有大量圖像的大型項目，還有一個大型團隊正在研究它。在開發過程中移除圖像標籤（同時保持頁面佈局）並確保它們在正確的時間恢復並不是微不足道的。 –

-6

在您的應用程序中，在您的'catch'語句中。在'console.warn'下記錄異常..知道它適用於螢火蟲。在Firebug中，您可以在「警告」選項卡下找到這些「錯誤」。我想對Chrome開發人員工具也是如此。

實際上做了類似的事情前一天..我的應用程序會停止一些錯誤，所以，我用'嘗試'和'catch'塊。我的catch如下所示： catch（e）{console.warn（e）; }

來源

2013-01-23 12:27:21

我沒有記錄異常。 Chrome的開發工具控制檯自行記錄丟失的圖像。我的問題的第一句話就是這樣說的。 –

-1

另一種替代方法是將過濾器設置爲「日誌」。

來源

2015-01-08 11:23:16

事情是，我不想只看日誌。我想看到其他錯誤，只是不是圖像404錯誤。 –

在Chrome開發者工具，如果你點擊右上角的齒輪，然後向下滾動，進入控制檯部分，有一個「隱藏的網絡消息設置」。

更新：它現在在「控制檯」選項卡下。點擊「過濾器」，它將作爲複選框（@elado）在過濾行上。

來源

2015-04-07 19:45:17 tupperkion

不再裝備。它位於「控制檯」選項卡下，單擊「過濾器」，它將作爲複選框位於過濾行上。 – elado

我真的希望這件事可以標準化並整合到JavaScript代碼中。控制檯越來越多地被開發人員使用和調整，並且已經成爲Web功能的一部分。 – intijk

我可以阻止Chrome開發人員工具控制檯記錄圖像404錯誤嗎？

回答

相關問題