This is the first day of my participation in the Gwen Challenge in November. The details are as follows: the last Gwen Challenge in 2021.

preface

I do not know if you have encountered the site of the picture load can not come out of the situation, should have encountered a lot of it, such as some pictures are anti-theft chain, on other sites, it will not be displayed and so on. The following combined with their own development of the website, met the website pictures do not show the problem, to see how I analyze, positioning, to solve the problem.

To analyze problems

First of all, the phenomenon is that there are one or two images on the site that don’t load. Note: one or two images, not all.

Error: Failed to load Resource: net::ERR_BLOCKED_BY_CLIENT Failed to load resource: net::ERR_BLOCKED_BY_CLIENT

Failed to load resources, blocked by the client.

So why is it blocked by the client? Is my browser doing something special?

At this point, I think it should not be a server problem, but I still go to verify, how to verify?

I found the address of the corresponding image, opened it in the browser, and I found that the image can be requested normally.

The description should be related to the client, but I did not do any special processing, may be the plug-in installed to do processing, resulting in the image is not displayed.

AdBlock — the best AD blocker, isn’t it this plugin that treats images as ads and blocks them?

Boy! It did block the image. Select “Pause here” and the image will be displayed.

It turned out to be my image name: activity-side-ad-1.png, with the word AD, so it was blocked by the plugin.

To solve the problem

Stop using ad-blocking tools such as AdBlock on your current site (you can turn off plug-ins or whitelist them).

Or as a developer, in order to avoid users using plug-ins to block ads, you can try not to use AD and so on.

Wrote last

Two final points:

  1. In fact, a good command of English can help you go further
  2. The problem you encounter may have already been faced by others, so there is nothing to worry about. Second, if there is no online solution, believe that you are capable of solving it.

To the end.