Question

在Web应用程序中，我想创建一个警告，告诉用户他不符合最低浏览器要求。我该怎么做？这是简单的JavaScript吗？这可以用棱角分明吗？

更新：对不起，我需要更好地澄清我的问题。我需要检测旧版浏览器以强制用户升级或让他们知道由于他们使用的浏览器版本，某些功能可能无法正常工作。我知道alert（）是如何工作的，但我需要检测IE9或更低版本，以及其他浏览器。我一直在阅读浏览器检测和功能检测。我只是在寻找最佳实践以及随着浏览器版本的变化而易于维护的内容。

Answer 1

要检测操作系统，浏览器和设备，您可以使用this库调用 ng-device-detector

在此plunker中，您可以看到它的工作原理。基本上你有一个对象包含原始值，如操作系统，浏览器和设备，指示是真还是假。

<强> HTML

 <script src="https://rawgit.com/srfrnk/ng-device-detector/master/ng-device-detector.js" type="text/javascript"></script>

<div device-detector>Using classes:</div>

  <br/>

  <div device-detector id="os-windows"></div>
  <div device-detector id="os-mac"></div>
  <div device-detector id="os-ios"></div>
  <div device-detector id="os-android"></div>
  <div device-detector id="os-linux"></div>
  <div device-detector id="os-unix"></div>
  <div device-detector id="os-firefoxos"></div>
  <div device-detector id="browser-chrome"></div>
  <div device-detector id="browser-firefox"></div>
  <div device-detector id="browser-safari"></div>
  <div device-detector id="browser-opera"></div>
  <div device-detector id="browser-ie"></div>
  <div device-detector id="device-android"></div>
  <div device-detector id="device-ipad"></div>
  <div device-detector id="device-iphone"></div>
  <div device-detector id="device-ipod"></div>
  <div device-detector id="device-blackberry"></div>
  <div device-detector id="device-firefoxos"></div>

  <br/>

  <div>{{deviceDetector}}</div>

<强> JS

var app = angular.module（'plunker'，[“ng.deviceDetector”]）;

app.controller('MainCtrl', ["$scope","deviceDetector",function($scope,deviceDetector) {
  $scope.name = 'World';
  $scope.deviceDetector=deviceDetector;
}]);

警告不符合浏览器要求 - 检测旧版浏览器

1 个答案: