您如何检测用于访问您的网站的浏览器/设备?

问题描述:

你有一个基于Angular的网站。 假设您需要某些功能仅对某些设备或浏览器有效。 您需要从客户端的代码中识别出这些,并在此基础上有条件地运行您的代码。 你会怎么做?您如何检测用于访问您的网站的浏览器/设备?

+0

如果可能,检测*特性*而不是用户代理通常是实现此目的的最佳方法。 –

如果您使用的是AngularJS,您可能可以使用ng-device-detector。 这是一个角度附加组件,它使用UserAgent标头键来检测浏览器/设备和操作系统。

你可以很容易地使用这些指令添加: https://github.com/srfrnk/ng-device-detector/blob/master/readme.md

正如指出的@srfmk的回答,您可以使用ng-device-detector检测到它,如果你想使用angularjs。

但是,您也可以只使用JavaScript,以便通过navigator对象及其属性(例如navigator.userAgent)执行此操作。

这里的文档导航:

https://developer.mozilla.org/it/docs/Web/API/Window/navigator

但回到你原来的问题,通常它会更好,直接立足的方法的特征。请记住,JavaScript代码在客户端执行,并且可以由用户更改/更改。

如果该功能对于证券策略来说至关重要并且也是相关的,最好的方法可能是从服务器获取允许的功能,可能会向服务器发送设备信息(如果需要它们)允许的功能列表。

如果您只是将客户端代码作为后备代码,则代码可以更改,用户也可以看到受限制的功能。

我希望这会有所帮助。