网站cdn-cgi加载错误造成的连锁问题与排查分析

发布于 2015-10-31  365 次阅读


cdn-cgi加载错误

浏览自己网站的时候,我习惯了时不时打开“元素审查”功能看看有没有异常,最近几天发现出现类似于https://www.mrorz.com/cdn-cgi/pe/bag2?r[]*cloudflare*.js加载失败的问题,审查元素显示错误提示:Failed to load resource: net::ERR_SSL_PROTOCOL_ERROR。

我在网上搜索了很久完全找不到原因,只能暂且搁置。

连锁反应

前天突然发现wordpress的“点击浏览大图”功能竟然失效了,我本来是将FancyZoom整合进主题里面,只需要点击图片就会打开原图的,我还以为是前几天更新了Google Chrome的原因,于是就另外找其他的代替品。试了好几款,最终将auto-highslide和fancybox都整合进主题里面,却惊奇地发现两个都不能正常工作!但我换了浏览器(firefox内核)打开,却又正常工作了!于是我怀疑是Google Chrome的JS功能失效了,但是我在其他网站看到相同的JS功能正常工作啊!

full

网上搜索继续无果。

紧接着发现博客文章的“点赞”功能失效,更加加深了我对Google Chrome的怀疑,但是调试许久也未能解决。无论是调试wordpress、插件、Chrome、扩展,都毫无起色。我开始怀疑JS错误,改!还是不行!

排查分析

妹的,该不会是该死的/cdn-cgi/*.js加载错误造成的吧!

用关键词【cdn-cgi cloudflare】Google搜索发现有个老外跟我有相同的问题,但是他也没有办法,最后只能求助cloudflare公司。

已经可以肯定是跟cloudflare脱不了关系了。

确定是cloudflare的问题了,但不知道怎么处理啊!难道真去找官方?不知道官方鸟不鸟免费用户……

蠢人只能将cloudflare与js有关的功能一个一个试……

终于发现——

是Rocket Loader的问题……

将其设置为手动(Manual)或者关闭(OFF),成功解决……

元素审查的错误提示消失了,“点击浏览大图”的功能以及“点赞”功能恢复正常工作了。Rocket Loader是个测试功能,我个人建议还是关了吧!设为手动还是会加载一个JS的。

后记

有点问题之后,所有chrome内核的浏览器都出现异常,我不知道firefox内核的浏览器是怎么回事,竟然能够正常浏览,我也忘了审查元素,试着找找原因。

当然,也可能是Rocket Loader功能对Chrome的兼容度不够firefox的好。也可能是最近网站一直受到攻击造成的小问题。但现在,这些也已经无关紧要了。

这次小小的问题也搞了我很久,做了大量的工作。

不过也算有所收获,又发现了几个好用的wordpress插件,也找到了比之前FancyZoom更好用的图片放大插件,我也将其整合进主题,我的小站也算是做了一次小小的修改和优化。