開發(fā)移動觸屏網(wǎng)頁時遇到過哪些坑,解決方案是什么?
時間:2023-12-05 01:48:01 | 來源:網(wǎng)站運營
時間:2023-12-05 01:48:01 來源:網(wǎng)站運營
開發(fā)移動觸屏網(wǎng)頁時遇到過哪些坑,解決方案是什么?:1、tap事件穿透(解決方案:click事件代替, 或者嘗試fastclick這個框架)
2、fixed的元素有input框時在ios上的bug(可以考慮頭和底部定高,中間加上一個iScroll的內(nèi)容區(qū)域?qū)崿F(xiàn)頭尾固定,中間內(nèi)容滑動的UI交互布局);
3、離線緩存更新成功后必須刷新頁面才能顯示新的修改(寫個全局的方法,監(jiān)聽updateready后,主動幫用戶刷新一次頁面);
4、UC瀏覽器不支持alert(建議用自己通用的彈窗方法);
5、同樣的zepto寫的選擇器,有時候?qū)蛹夁^深在某些瀏覽器中失效(在節(jié)點class和id上命名上合理分配,用常規(guī)選擇器串);
6、QQ瀏覽器SVG失效;
7、chrome和小米自帶的手機瀏覽器,開發(fā)調(diào)試時不走代理(可以下載chrome的beta版)