力摧bug!如是天光破云

下午闲来无事,就准备捣鼓捣鼓自己的小破站,然后不经意间,发现了一个小问题。

就是我所使用的有个logo图片在网站上面加载不出来,其他的图片没事,相当于是说,只有我的logo部分被拦截了,我不知道这个是自己声明的一个图片自动加密,还是说图片自己的加密。

我尝试使用Google Chrome打开无果后,又使用Microsoft Edge尝试了一下,我甚至还拿除了生锈的宝刀——“IE”,结果都是无法正常获取到我正确的src地址。

就是下面这个情况咯。

图片没有正常显示网页src后面对应的链接,而是显示’ data:image/svg+xml,%3Csvg%20xmlns=’http://www.w3.org/2000/svg’%20vie ‘。

按道理来讲,只有我给图片属性设置lazyloaded属性之后,他才会这个样子,但是我并没有设置图片的任何属性,这个也让我百思不得其解。

很显然,他并没有使用我正确的图片地址,而是在img中自己生成了一个伪链接,这样类似于给图片进行一个加密处理,但问题就在这,我版权意识比较薄弱,根本没想过要对图片进行一个加密处理,这个东西是怎么自己来的?

而且加密也就算了,问题是我正确的图片,因为这个伪链接的作用,根本渲染不到浏览器上面,所以我原来logo的地方现在就是一片空白。

经过跟度娘的一番探讨,我发现了这个东西是svg格式图片的通病。

所以我就想,可能是我的图片格式有问题,于是乎,我让图片的格式在svg,png,jpg,webp中反复横跳。

芜湖,还是一点用没有

于是换了一个思路,开始从img-data这个方向跟度娘进行探讨,以及尝试了好几种修改之后,终于发现了解决的方法。

部分图片内部如果使用img标签的话,他会自动生成伪链接,网页获取不到正常链接,就导致渲染不出来

那么需要把img标签换成image标签,重新updata刷新就可以了,

Like this

而这次回到网页刷新,就可以正常获取到图片地址了,不会有伪链接的生成。

好家伙,这个bug就离谱,不过好在已经解决了~

web之路,任重而道远啊woc~