1、問題表現:首屏缺失部分圖標。點擊按鈕切換為激活狀態時,部分按鈕的激活態圖標無法顯示。
2、問題原因:網絡極差,斷斷續續,點擊時添加class:active變為激活態,
active.png這張圖片是在添加active這個class才加載的,
css背景圖片只加載一次,不管成功還是失敗都不再加載第二次了,
所以剛好網絡斷掉時加載了active.png失敗,不刷新的話,
以后就再也看不到這張圖片了
3、解決辦法:
方法一: 把所有圖片做成spirit圖,首次就可以把所有圖片加載好,不會出現部分圖片丟失的怪異情形
方法二:(1) 檢測圖片丟失,我是讓android端的app開發檢測並調用我的前端 js 圖片加載程序
(2) 前端 js 圖片加載程序的實現:取app后台傳出的加載失敗的圖片路徑,
用js將此路徑綁定到style標簽的任意class即可實現重新加載圖片
注解:
1、 前端檢測背景圖片加載失敗,我不知道有什么好辦法,
window.addEventListener('error',function(e){})這種方法檢測不到背景圖片加載失敗
2、js在style標簽中引入新的url ,會讓頁面刷新