为什么百度快照没有样式

知更鸟
知更鸟
知更鸟
1655
文章
6940
评论
2021年4月23日08:43:371 2242

有用户问,为什么查看网站百度快照没有任何样式,而正常打开网页却是正常的,是不是主题有问题呢?原因很简单,如果你使用了网页压缩类的插件,比如Autoptimize并启用优化压缩CSS,就会产生这个问题。

为什么百度快照没有样式

为什么百度快照没有样式

百度快照的原理是将网页内容以静态hmtl方式通过iframe加载展示。Autoptimize压缩后的CSS文件链接名称是随机的,而百度快照并非时时更新,当手动清空Autoptimize缓存,重新生成的CSS链接与快照中加载的链接名称不同,无法加载正确的CSS文件,当然就没有样式了。

通过查看没有样式的快照源代码,找到CSS链接并打开显示404,验证一下。

如果压缩了JS也会让网页上的一些元素显示不正常,原因同上。

原因找到了,解决办法就是关了CSS和JS优化压缩功能,下次更新快照时就会显示正常,鱼和熊掌不可兼得。

weinxin
版权声明
本站原创文章转载请注明文章出处
为WordPress上下篇文章链接添加缩略图 WordPress

为WordPress上下篇文章链接添加缩略图

大部分WordPress主题都会在正文下面添加上下篇文章的链接,可以通过下面的代码给这个链接再加个缩略图,让其更醒目。 为WordPress上下篇文章链接添加缩略图 将下面代码添加到正文模板文件的适当...
无需输入密码的WordPress登录表单 WordPress

无需输入密码的WordPress登录表单

如果想在WordPress主题中添加一个不需要输入密码,仅输入用户名或电子邮件即可登录的表单,可以用下面的方法实现。 无需输入密码的WordPress登录表单 复制以下代码,粘贴到要显示表单的位置 &...
WordPress面包屑导航代码 WordPress

WordPress面包屑导航代码

转载分享一段WordPress面包屑导航代码,支持自定义帖子类型、自定义分类,但貌似在分类归档页面不能显示父子分类层级有点遗憾。 WordPress面包屑导航代码 将代码添加到当前主题函数模板func...
在 WordPress 文章正文开头和末尾分别添加固定内容 WordPress

在 WordPress 文章正文开头和末尾分别添加固定内容

在不修改主题正文模板文件的情况下,想在正文开头和末尾添加固定内容,或者在已发表的文章中添加固定内容又不想重新编辑文章,可以通过下面的代码实现。 在正文开头和末尾分别添加固定内容 会用到过滤器钩子add...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:1   其中:访客  1   博主  0
    • 简单生活 简单生活 4

      很早发现这个问题,所以我不压缩css、js :smile: