进击的Bug---那些年我遇到的大坑

1.功能: js实现瀑布流布局,并能滚动加载新图片

• bug:在safari中滚到底部后,新添加的子盒子高度不正确,始终为55px,造成元素重叠,而用Chrome浏览器则没有这个问题

QQ20150526-4@2x.png

1.查看控制台输出后,发现safari中新加载的图片js中得到的高度全是55px,重启几次不能解决.
2.网上找到示例程序,safari打开运行正常;将示例程序的代码复制到我自己的项目中,却仍然有重叠!!!!明明是一模一样的代码,却有两种结果.......
3.开始向朋友救助,描述Bug时,从finder中打开自己写的网页,竟然正常了!!!!

QQ20150526-1@2x.png

4.尝试从webStorm中运行自己的网页到safari上,又发生重叠了....

QQ20150526-0@2x.png

• 最后:考虑到网页的特殊性,一定要多试几个浏览器,而且要尝试直接运行网页,而不是通过webStorm再调用浏览器打开网页.
• 解决方案:无解...尽量避免通过webStorm再调用浏览器打开网页.