移动端兼容问题整理

一、iOS 滚动卡顿

-webkit-overflow-scrolling: touch;

二、JavaScript中的Date对象在Safari与IOS中的坑

var date =new Date("2018-07-25 19:25");

这段代码是获得字符中指定的日期，它Firefox、Chrome中就能运行，但是放在Safari就会报错，错误是NaN
解决办法：

//将xxxx-xx-xx的时间格式，转换为 xxxx/xx/xx的格式 
var value = '2018-07-25 19:25';
value = value.replace(/\-/g, "/");

三、禁止图片点击放大（禁止图片长按保存）

部分安卓手机点击图片会放大，如需要禁止放大，只需要设置css属性

img{ 
    pointer-events: none; 
} 

这个会让img标签的点击事件失效，如果想要给图片添加点击事件就要给上面再写一层

四、ios软键盘弹出，页面上移

function fixIOSInput() {
    setTimeout(function() {
      if (document.activeElement.tagName.toLowerCase() !== 'input') {
        window.document.body.scrollTop = window.document.body.scrollTop;
        window.document.documentElement.scrollTop = window.document.body.scrollTop;
      }
    }, 0)
  }

  window.addEventListener('focusout', function (){
    fixIOSInput();
  });