使用iOS设备时隐藏元素？

Question

我想检查用户是否正在使用iPhone / iPad / iPod，如果是，则隐藏元素。

如何使用javascript进行操作？

试图这样做：Hide HTML element if user is on an iOS device?

但它没有用，我把代码放在AngularJS的控制器中

我试过的代码：

$(document).ready(function(){  
  var iOS = false,
  p = navigator.platform;
  if( p === 'iPad' || p === 'iPhone' || p === 'iPod' ) {
     iOS = true;
  }
  if (iOS === false) {
     $("input[type=button]").hide();
  }
});

Answer 1

  

我想检查用户是否正在使用iPhone / iPad / iPod ，如果是，请隐藏   元件

但是在显示的代码中，您正在测试iOS变量是否为false！您应该将测试更改为if (iOS === true)。

提示：此外，您可以对代码进行一些改进，使其更加优雅。例如：

$(document).ready(function(){  

    var appleDevices = ['iPad', 'iPhone', 'iPod'];

    if (appleDevices.indexOf(navigator.platform) > -1) {
        $("input[type=button]").hide();
    }

});

此代码与您发布的代码完全相同，但使用数组和indexOf。即：input[type=button]的值是navigator.platform数组的元素时隐藏appleDevices。