Chrome デベロッパー ツール コンソールは、ページ アセット (画像を含む) が見つからない (つまり、404 を返す) たびにエラーをログに記録します。
私の仕事では、画像がサードパーティによって提供され、開発中に利用できない可能性があるサイトで作業することがよくあります。不足している各画像をコンソールにエラーとして表示すると、他のより重要なエラー (JavaScript エラーなど) に気づきにくくなります。
コンソールが見つからない画像をエラーとして記録しないようにする設定はありますか?
または、[ネットワーク] タブでリクエストをフィルタリングできるのと同じ種類の基準でコンソール メッセージをフィルタリングする方法はありますか?
Chromium チームによる作業が「開始」されました: https://code.google.com/p/chromium/issues/detail?id=96212
更新:機能のリクエストは 2013 年 3 月 18 日に終了しました。この機能が最初に登場した Chrome のバージョンはわかりませんが、Chrome v33.0.1750.152 (Linux) でコンソール フィルタリング オプションを確認できます。
更新 2:現在、フィルター (プレーン テキストまたは正規表現) が入力されると、メッセージ テキスト (例: GET http://example.com/foobar 404 (Not Found)) および右側のリンクのテキスト (例: ) に対してテストされますtest.html:65。(これを追跡するために Chromium に問題を提出しました。)
回避策として、次のような正規表現フィルターを使用します。
^(?!.* 404 \(Not Found\))(?!.*[file name])
[file name]右側のリンクのファイル名はどこにありますか。
たとえば、私のページが の場合、test.html動作^(?!.* 404 \(Not Found\))(?!.*test\.html)します。
注: これにより、メッセージ テキストにファイル名が含まれるメッセージも除外されます。今のところ、これを回避する方法があるかどうかはわかりません。
更新 (2019-06-05):この式は、現在のバージョンの Chrome (75.0.3770.80) で 404 を除外します。
-/404\s\(Not\sFound\)$/
フィルタリングは、各トークンを処理する前に最初にフィルター文字列を空白で分割するようですが、正規表現内のスペースも分割するため、\sが必要です。
技術的には、これにより、メッセージを含め、(大文字と小文字を区別しない) 文字列 "404 (Not Found)" で終わるすべてのメッセージが除外されconsole.logます。
Chrome 開発者ツールでは、「コンソール」タブの下にあります。「フィルター」をクリックすると、チェックボックスとしてフィルター行に表示されます。
別の答えとして、開発サーバー上で問題のあるイメージの src 属性を変更するために、JavaScript を少し実行することもできます (実稼働環境に公開しないようにしてください!)。
実際にページに JavaScript を追加したくない場合は (当然のことですが)、ページの読み込み時にクロム プラグイン (おそらくグリースモンキークロム クローン - タンパーモンキー) を介してスクリプトを実行できます。
nb フィードバックをお寄せいただきありがとうございます。特にこれが機能するには、dom の準備ができてから画像が読み込まれる前にイベント内にいる必要があります。
アプリの「catch」ステートメントで..「console.warn」の下に例外を記録します..firebugで動作することを知ってください。Firebug では、これらの「エラー」は「警告」タブの下にあります。Chrome 開発者ツールについても同じことが言えると思います..
実際に前日に似たようなことをしました..私のアプリは何らかのエラーで停止するので、代わりに「try」と「catch」ブロックを使用しました。私のキャッチは次のようになります。}