zoukankan      html  css  js  c++  java
  • ios真机测试问题

    前端页面在ios端真机测试出现的问题

    由于苹果对于性能的要求是近乎苛刻,如果没有可点的特性的元素系统默认不会给它响应事件,因此真机测试时容易添加不上绑定事件

      解决办法:

        1、通过js判断当前是否为苹果设备,如果是则加上。

    代码如下:

    if(/ip(hone|od)|ipad/i.test(navigator.userAgent)){
        $("body").css("cursor","pointer");
    }

    其实我到时觉得css代码更干脆

    *{
      cursor:pointer;
    }

    2、页面滚动不流畅(ios app)

      解决办法:

        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;

    3、h5页面无法实现长按复制文本  

      -webkit-touch-callout:inherit;
      -webkit-user-select:text !important;
      user-select: text;
      -khtml-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;

    4、事件委托在document上,事件失效

      事件委托在document上,ios不起作用。而应委托在其他父元素上

  • 相关阅读:
    博客地址
    node学习2
    正则表达式总结
    Git命令操作
    IDEA快捷键
    hibernate多对多(权限管理)
    所有国家的下拉框英文全称
    所有国家的下拉框英文简写
    所有国家的下拉框中文
    poj-1248 Safecracker
  • 原文地址:https://www.cnblogs.com/rachelch/p/9641135.html
Copyright © 2011-2022 走看看