在iphone5中遇到微信开发问题小计
- 作者:
- 发表时间:2018-01-08 23:39
- 来源:未知
工程师kev 今天给一个客户开发微信公众号的时候遇到一个小问题,这个客户是做微信酒店预订方面的,其中在一个按时间筛选酒店的时候,在本地浏览器开发都正常的
一旦放到iphone5真机上面 时间控件就是不弹出来。
于是就有了下面的调式修改过程
首先我们定位问题
1、把时间控件的官方demo放到iphone5模拟器里面测试 完美运行,排除官方问题
2、逐步删除 本页面引用的外部js 看看是否冲突,经排查 无冲突。
3、逐步删除引用css 看看是否是页面兼容引起的 不显示 排查后 也没有。
4、查看本页面的js 然后开始删除js段来测试 最后定位到一个for循环 最终定位到一个let类型的变量上,再明白ios9下面的safari不支持let
最终换成var 问题解决!
结论:虽然现在大多数手机都支持es5写法 但是有时候我们也要考虑到老版本的手机型号,还是要常规写法,少出错。
一旦放到iphone5真机上面 时间控件就是不弹出来。
于是就有了下面的调式修改过程
首先我们定位问题
1、把时间控件的官方demo放到iphone5模拟器里面测试 完美运行,排除官方问题
2、逐步删除 本页面引用的外部js 看看是否冲突,经排查 无冲突。
3、逐步删除引用css 看看是否是页面兼容引起的 不显示 排查后 也没有。
4、查看本页面的js 然后开始删除js段来测试 最后定位到一个for循环 最终定位到一个let类型的变量上,再明白ios9下面的safari不支持let
最终换成var 问题解决!
结论:虽然现在大多数手机都支持es5写法 但是有时候我们也要考虑到老版本的手机型号,还是要常规写法,少出错。