6

Firefox では、壊れた画像が空白のスペースとして表示されます。白い背景では、画像がないか壊れているかを区別する方法がありません。これにより、壊れた画像の識別が難しくなり、修正されなくなります。

Internet Explorer のように壊れた画像に X を生成するにはどうすればよいですか?

4

7 に答える 7

18

私はこの質問が少し前に尋ねられたことを知っていますが、私はしばらく前にこの問題に関するブログ投稿を書き、誰かがそれに遭遇した場合に備えてリンクを追加する価値があるかもしれないと思いました。

2013年9月12日編集：

KatieKは、回答に直接情報を追加することについて、以下の良い点を述べました。これを機能させるために必要な手順は、2013年12月現在の最新のナイトリービルド（v28a2）に引き続き関連しています。

1）アドレスバーにabout：configと入力し、警告を受け入れます

2） browser.display.show_image_placeholdersを検索し、 trueに設定します

3）Fxプロファイルフォルダーで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-17T17:17:02.553 に答える
4

Firefoxで壊れた画像アイコンを表示するための最良の解決策-Greasemonkey（https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/）をインストールし、壊れた画像アイコンスクリプト（http://userscripts.org/ ）をインストールしますスクリプト/ショー/104265）

于 2012-02-08T01:11:58.147 に答える
3

さらに良いことに、Mozilla Add-ons サイトからWeb Developer Toolbarを入手してください。インストールしたら、[イメージ] > [壊れたイメージの検索] に移動します。

于 2009-11-08T00:49:01.937 に答える
2

与えられたすべてのソリューションはうまく機能します。画像が壊れる別の状況と別の解決策があります。

画像をホットリンクします。最終的に 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-08T01:26:59.380 に答える
0

FFで問題が発生し、画像が含まれていると確信していたときにチェックを逃しました。画像がフォルダーにアップロードされないか、その他の理由で検出されず、代替が空であるため FF は何も言いません。ここに解決策を投稿しました: http://www.satya-weblog.com/2010/07/display-broken-images-in-firefox.html

于 2010-07-20T09:41:25.677 に答える
0

より良い解決策は、404 Not Found エラーを返す画像のリクエストをキャッチすることです。

Firefox では、Firebug を使用して、ブラウザによって作成されたすべての HTTP リクエストを確認できます。不足しているファイルは、リストに赤で表示されます。Internet Explorer で同じことを行うには、Microsoft の Fiddler ツールを使用できます。

于 2009-11-08T00:46:25.390 に答える