记一次使用frameset/frame布局的后台,谷歌浏览器加载出现空白的奇葩问题

问题描述:

刷新谷歌(其他浏览器暂时都一切正常)浏览器,请求一个链接地址,frame标签做的布局。右侧部分出现空白。

这个问题已经出现好久了,今天抽时间排查了一下,先是问前端开发,再是通过网上查询试图来解决,结果失败。

看来,不是什么文件编码的问题。

却单单是就几个url 第一次请求的时候出现这样的问题。

页面虽空白,但页面中的一些元素却是存在的(很诡异)。
如图:
记一次使用frameset/frame布局的后台,谷歌浏览器加载出现空白的奇葩问题

打开浏览器检查模式,页面瞬间就出来了(诡异)。

再次点开此url,就能正常打开。

问题的出现是有一定的延时性,很可能是资源加载的问题,css或者js。一般css不会出现这样的奇葩问题,那就只有时js的问题。

问题解决:

通过修改页面中js的位置来查找到底是哪个js的问题。
最后,排查到是因为jq( jquery.min.js)的位置问题导致页面出现这种奇葩问题。把jq 放到页面head标签中就正常了。

注:jquery在页面中位置的变化,会引起很多奇怪的问题。



END


如有问题请在下方留言。

或关注我的公众号“孙三苗”,输入“联系方式”。获得进一步帮助。

记一次使用frameset/frame布局的后台,谷歌浏览器加载出现空白的奇葩问题