
我的实践过程:从抓狂到淡定 网页图片显示不出来,这事儿我最近又碰上了。这已经不是第一次了。一开始我心想肯定是网站那边代码出了问题,毕竟我不是第一次遇到这种“神奇”的Bu...
网页图片显示不出来,这事儿我最近又碰上了。这已经不是第一次了。一开始我心想肯定是网站那边代码出了问题,毕竟我不是第一次遇到这种“神奇”的Bug。
我二话不说,撸起袖子就
开始第一轮排查
。1清空了浏览器里的缓存和Cookie
,然后重启了浏览器
,发现没用。我换了个浏览器,比如从Chrome换到Edge,结果还是黑乎乎的一片,图片就是不出来。这下我有点抓狂了,心想难道是本地网络的问题?我试着
Ping了一下网站的域名

打开F12开发者工具
,去看控制台(Console)和网络(Network)那块。结果奇了怪了!控制台干干净净,一个报错都没有。网络加载那里,图片文件的请求是发出去了,也
返回了“200”成功的状态码
,但图片内容就是不显示!这说明图片文件本身服务器是认的,路径也是对的,它就是不肯露脸。我当时就判断,问题肯定出在我这台电脑的浏览器设置上了。我以前为了提高那么一点点加载速度,记得好像
手贱改过一些高级配置

我
深吸一口气
,决定从头再翻一遍浏览器设置:我
打开了浏览器右上角的菜单
,直接进了“设置”页面
。在设置里,我
找到了“隐私和安全”那个大项
,然后点进了“网站设置”这个子菜单
。往下一拉,我
找到了“内容”下面的“图片”选项
。点进去一看,好家伙!它竟然给我显示的是
“已屏蔽”
!下面还写着“不允许任何网站显示图片”。我立马把这个选项
改回了“默认(推荐)”
,也就是“允许所有网站显示图片”。设置改好之后,我
赶紧返回那个网页
,狠狠地按下了F5刷新键
。那一瞬间,刚才还是黑洞洞的地方,“哗”地一下,所有的图片齐刷刷地跳了出来
,网页立马恢复了正常。我能这么快想到去翻设置,是有过血的教训的。这事儿得从我
刚入行那会儿说起
,那时候我给一个老大哥帮忙,做个内部工具的界面。当时也遇到了同样的问题,图片死活出不来。我
熬了一个晚上
,把代码翻了个底朝天,把图片路径、权限、缓存机制全看了一遍,没发现任何问题。第二天,我顶着俩黑眼圈去问老大哥。他没看我的代码,也没看控制台。他
直接问我:“你昨天有没有在设置里瞎搞?”
我当时还嘴硬,说:“绝对没有,我只动了代码!”老大哥
直接把我电脑抢了过去
,三下五除二就找到了那个“图片已屏蔽”的设置。他当时骂得我狗血淋头,我到现在都记得他的原话,他说:“小李,代码出问题是技术火候不够,但这种设置出问题,就是你态度有问题!做人做事,先检查自己的工具!
”我当时被骂得
脸都红了
,从那以后,凡是遇到这种奇怪的、找不到原因的“Bug”,我第一个反应就是去翻设置、翻配置
。这事儿过去十几年了,我一直记着。所以说,兄弟们,有时候别老想着是代码写得有多牛的问题,
先把自己手上这摊子事儿,尤其是那些不起眼的浏览器设置,检查一遍
,它们才是最容易让人栽跟头的地方!别跟我一样,绕弯路!