JS,仅使用html。我可以检查用户浏览器吗?

时间:2019-10-21 05:01:03

标签: javascript html mobile browser pc

只需使用HTML。不使用JS。  我能知道用户浏览器吗

我可以了解用户浏览器。如果我使用JS。  我想用HTML控制。  “ PC”浏览器看不到该按钮。但是“ Mobel”浏览器可以看到该按钮。  仅使用HTML。不使用JS。我可以吗?

JS代码:     window.javascript。      var filter = win32 | win64“;      if(navigator.platform){         if(0> filter.indexOf(navigator.platform.toLowerCase())){           alert(“ Mobile”); } else {alert(“ PC”); }

3 个答案:

答案 0 :(得分:1)

此代码将为您提供HTML

标签中的设备类型,如果需要,您可以在其他情况下使用它。

function detectDeviceType() {
  if (
    navigator.userAgent.match(/Android/i) ||
    navigator.userAgent.match(/webOS/i) ||
    navigator.userAgent.match(/iPhone/i) ||
    navigator.userAgent.match(/iPad/i) ||
    navigator.userAgent.match(/iPod/i) ||
    navigator.userAgent.match(/BlackBerry/i) ||
    navigator.userAgent.match(/Windows Phone/i)
  ) {
    $('#typeOfDevice').text('Type of device is Mobile');
    
  } else {
    $('#typeOfDevice').text('Type of device is PC');
  }
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="button" onclick="detectDeviceType();" value="Find type of my device" />
  <p id="typeOfDevice"></p>
  
</form>

希望这会有所帮助。

答案 1 :(得分:0)

纯HTML没有可用于检查当前运行的浏览器的任何“活动”元素,HTML不知道如何显示/使用它-取决于浏览器。您确实需要JS或其他一些客户端代码来执行检查。

答案 2 :(得分:0)

好吧,如果您的浏览器将向服务器发出请求,则可以通过标头(例如,没有js,发出发布请求)来了解其用户代理。在这里,您可以看到使用用户代理https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent

进行的浏览器检测

必须包含:

  • Firefox-Firefox / xyz
  • Chrome-Chrome / xyz
  • 铬Chromium / xyz
  • Safari Safari Safari / xyz
  • Opera-OPR / xyz(Opera 15+)Opera / xyz(Opera 12-)
  • Internet Explorer-; MSIE xyz;

但是请注意,有些浏览器在说谎:例如,Chrome浏览器同时报告为Chrome浏览器和Safari。因此,要检测Safari,您必须检查Safari字符串以及是否缺少Chrome字符串,Chromium经常也将自己报告为Chrome,或者Seamonkey有时将自己报告为Firefox。