Question

我正在php with responsive HTML开发网站。现在，如果用户在mobile browser (iOS and Android)打开该网站，我想要隐藏菜单。

然后我如何在HTML or jQuery中进行验证，以便我可以hide menu.我试图找到但没有得到任何正确的解决方案。

让我知道是否有人。

由于

Answer 1

使用 CSS ，您可以使用@ media-queries，如下所示：

@media screen and (max-width: 1199px) {
 .your-navigation{
   display:none;
 }
}

或者您使用 jQuery ，如下所示：

if($(window).width()<=1199){
  $(".your-navigation").hide();
}

但我会选择媒体查询，因为它更优雅，更容易改变方式！

所以实际上你没有检查它是移动浏览器还是桌面，但它完全没问题，检查浏览器的宽度......我想，那更像是你想要的......

**编辑**

经过一些想法之后我想说，有可能通过使用javascript来获取当前的浏览器，但我不会向你推荐这个，因为它不会让你感到烦恼，你会有很多痛苦所有浏览器等...正如我已经说过的那样，请选择宽度！ :)

（这是一个link方法）

**编辑2 **

关于你的评论：

检查this链接，它应该是您想要的

这里是代码，感谢feeela

/**
 * Determine the mobile operating system.
 * This function either returns 'iOS', 'Android' or 'unknown'
 *
 * @returns {String}
 */
function getMobileOperatingSystem() {
  var userAgent = navigator.userAgent || navigator.vendor || window.opera;

  if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) )
  {
    return 'iOS';

  }
  else if( userAgent.match( /Android/i ) )
  {

    return 'Android';
  }
  else
  {
    return 'unknown';
  }
}

如何在移动或PC浏览器中了解网站开放？

1 个答案: