進擊的Bug 那些年我遇到的大坑

史前圖騰發表於2017-12-14

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再呼叫瀏覽器開啟網頁.

相關文章