如何知道网站在手机或 PC 浏览器中打开？

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 来获取当前浏览器，但我不建议你这样做，因为它不是 rubust 并且你会在获取所有浏览器时遇到很多痛苦等等......正如我已经说过的，跟着宽度走！ :)

（这里有一个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';
  }
}