h5 在ios端常见bug

最新推荐文章于 2023-12-25 13:37:30 发布

ze1024

最新推荐文章于 2023-12-25 13:37:30 发布

阅读量632

点赞数

分类专栏：苹果兼容性 H5开发 js 文章标签： ios ios兼容 h5

本文链接：https://blog.csdn.net/ze1024/article/details/120706011

版权

js 同时被 3 个专栏收录

15 篇文章 1 订阅

订阅专栏

苹果兼容性

4 篇文章 0 订阅

订阅专栏

H5开发

4 篇文章 0 订阅

订阅专栏

记录一些h5页面在ios端呢遇见的bug

ios上日期问题

在ios上日期不能识别 "2018- 09 - 09"这样格式的识别不了,所以需要转换一下

  const data1 = '2018- 09 - 09'
  function clear(str) {
    str = str.replace(/-/g, "/");//取消字符串中出现的所有逗号
    str = str.replace(/\s/g, "") //去掉字符串内出现的所有空格
    return str;
  }
  console.log(clear(data1)) //结果 2018/09/09

ios去除默认样式

ios端有默认样式,会对自定的的样式产生影响

(1).input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
  这里的-webkit-appearance: none; 意思是 样式可以自定义
(2).另外行高问题：(加上-webkit-前缀)
   line-height:30px; -webkit-line-height:1;
(3).圆角问题（加上-webkit-前缀）
   -webkit-border-radius:3px;border-radius:3px;
(4).网页安全色（都用rgb格式）
   background-color:rgb(255,255,255); background:rgb(255,102,102); color:rgb(255,255,255);