为什么百度快照没有样式

知更鸟 2021年4月23日08:43:37WordPress1 4644

有用户问,为什么查看网站百度快照没有任何样式,而正常打开网页却是正常的,是不是主题有问题呢?原因很简单,如果你使用了网页压缩类的插件,比如Autoptimize并启用优化压缩CSS,就会产生这个问题。文章源自知更鸟-https://zmingcx.com/baidu-snapshot-has-no-style.html

文章源自知更鸟-https://zmingcx.com/baidu-snapshot-has-no-style.html

为什么百度快照没有样式

为什么百度快照没有样式

文章源自知更鸟-https://zmingcx.com/baidu-snapshot-has-no-style.html

百度快照的原理是将网页内容以静态hmtl方式通过iframe加载展示。Autoptimize压缩后的CSS文件链接名称是随机的,而百度快照并非时时更新,当手动清空Autoptimize缓存,重新生成的CSS链接与快照中加载的链接名称不同,无法加载正确的CSS文件,当然就没有样式了。文章源自知更鸟-https://zmingcx.com/baidu-snapshot-has-no-style.html

通过查看没有样式的快照源代码,找到CSS链接并打开显示404,验证一下。文章源自知更鸟-https://zmingcx.com/baidu-snapshot-has-no-style.html

如果压缩了JS也会让网页上的一些元素显示不正常,原因同上。文章源自知更鸟-https://zmingcx.com/baidu-snapshot-has-no-style.html

原因找到了,解决办法就是关了CSS和JS优化压缩功能,下次更新快照时就会显示正常,鱼和熊掌不可兼得。文章源自知更鸟-https://zmingcx.com/baidu-snapshot-has-no-style.html

文章源自知更鸟 | 崇尚专注 追求极致 分享交流WordPress经验与技巧,关注前端设计与网站制作,打造自己专属的WordPress主题,让你的博客与众不同!
weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
让 WordPress 页面支持添加分类及标签 WordPress

让 WordPress 页面支持添加分类及标签

默认WordPress页面不支持选择分类和添加标签,可以通过下面的方法为页面添加分类及标签。 将下面代码添加到当前主题函数模板functions.php中: function san_add_taxo...
自定义 WordPress 文章显示数量 WordPress

自定义 WordPress 文章显示数量

一般我们都在设置 → 阅读 → 博客页面至多显示中,统一设置每个页面的文章显示数量,如果想某些页面自定义显示数量,不受这个控制,可以通过下面的代码实现。 自定义 WordPress 文章显示数量 将下...
WordPress 在文章页以标签云形式显示文章标签 WordPress

WordPress 在文章页以标签云形式显示文章标签

大家都看过WordPress 标签小工具的标签云,标签按文章数显示不同的大小,看上去很生动,那么在文章页面是否也可以用标签云的形式调用该文章标签呢?当然是可以的。 WordPress 在文章页以标签云...
匿名

发表评论

匿名网友

:?: :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: