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

发布网友发布时间：2024-10-24 06:26

共1个回答

热心网友时间：2024-11-02 16:28

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版）