盘点h5在iOS下的那些坑

本文列举了H5在iOS Safari浏览器中遇到的三个问题:时间格式错误,Cookie无法存储以及样式问题,并提供了相应的解决方案。时间格式问题在于Safari不支持特定日期格式,解决方案是字符串截取拼接;Cookie存储问题源于Safari不支持存储中文,通过URI编码可以解决;样式问题提醒开发者Safari的最小字号为1px,避免设置过小的字号。
摘要由CSDN通过智能技术生成

盘点h5iOS下的那些坑

       太忙咯好久没写博客啦!给大家分享一下关于萌芽在实战h5开发中关于iOS(Safari浏览器)的一些坑!希望帮助那些还没遇到过的萌新~

  1. 在安卓下实现显示正常但是在iOS下时间格式为 NAN-NAN-NAN
  2. 关于Safari浏览器下cookie无法存储问题
  3. 在安卓显示正常但是在ios浏览器中字体超级小问题

1.时间格式错误

这个问题萌芽第一次遇到的时候也是一头雾水,后来才发现原来是我们调用了Date函数的原因,Safari不支持new Date(1998-01-01)所以会出现异常,最终就成了我们的NAN-NAN-NAN,他认识的只有new Date(1998/01/01)这种格式,为了达到想要的时间格式效果萌芽直接字符串截取拼接了一下,虽然效果是达到了但是过于简单粗暴不知道大家有没有更好的方法啦~

   //时间格式化(最终呈现效果为:1998年01月01日)
    FormatDateTime: (inputTime) => {
        let date = inputTime.split('-')
        return `${date[0]}年${date[1]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值