javascript - Why does Firefox not display the image placeholder that failed to load?

Question

When loading images on the page, 404 appears, Chrome and IE will display a placeholder indicating that the loading failed (as shown in the picture), so that the user can directly see that the image has failed to load, but why does Firefox not display a similar placeholder?

漂亮男人 · Answer

Firefox is special, you can try the following activation method
Enter about:config in the address bar to find browser.display.showimageplaceholders, and set the value to true

In addition, if the picture is not displayed, it is best not to use placeholders. You can try several methods to give the default picture when the picture fails to load.

Method 1

Lazy loading method, determine whether the real img is loaded successfully before src assignment

Method 2

Convert a small amount of img

` test
`

Batch img conversion

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

ringa_lee · Answer

Firefox directly displays the content in alt, and does not have a default picture like IE/Chrome