如何知道网站在手机或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 获取当前浏览器，但我不建议您这样做，因为它不耐用，而且您会有很多获取所有浏览器等的痛苦......正如我已经说过的那样，宽度！ :)

（这里有一个link的方法）

** 编辑 2 **

关于您的评论：

检查thislink，应该就是你想要的

这里是代码，感谢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浏览器中打开？

How to know site open in mobile or PC browser?

php

menu

cross-browser

responsive-design