开发移动触屏网页时遇到过哪些坑，解决方案是什么？

时间：2023-12-05 01:48:01 | 来源：网站运营

时间：2023-12-05 01:48:01 来源：网站运营

开发移动触屏网页时遇到过哪些坑，解决方案是什么？：1、tap事件穿透（解决方案：click事件代替，或者尝试fastclick这个框架）

2、fixed的元素有input框时在ios上的bug（可以考虑头和底部定高，中间加上一个iScroll的内容区域实现头尾固定，中间内容滑动的UI交互布局）;

3、离线缓存更新成功后必须刷新页面才能显示新的修改（写个全局的方法，监听updateready后，主动帮用户刷新一次页面）;

4、UC浏览器不支持alert（建议用自己通用的弹窗方法）;

5、同样的zepto写的选择器，有时候层级过深在某些浏览器中失效（在节点class和id上命名上合理分配，用常规选择器串）;

6、QQ浏览器SVG失效;

7、chrome和小米自带的手机浏览器，开发调试时不走代理（可以下载chrome的beta版）