最近网站wordpress更新最新版,然后就发现原来的打印功能预览时图片不见了,但是单独打开一个Tab来查看又没有问题,审查一下发现每个img元素,多了个懒加载属性 loading="lazy", 应该是wordperss默认给加的,初衷是好的,所以怀疑是谷歌浏览器在生成预览图时没有足够的时间给图片加载,导致图下图所示的图片消失的问题,
所以我将输出用于打印预览的html代码做一下过滤(php):
add_filter( 'post_thumbnail_html', 'remove_thumbnail_loading');
function remove_thumbnail_loading($html) {
$html = preg_replace( '/(loading)=\"[a-z]*\"\s/', "", $html );
return $html;
}
主要是将图片元素上的 loading 属性去掉,这样就成功解决了图片消失的问题了。
解决后效果图如下:
遇到同样问题的小伙伴也可以往这方便想想,是不是你输出代码是图片懒加载导致谷歌浏览器在生成预览图时没时间加载导致的。