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

Question

您有一个基于Angular的网站。 假设您需要某些功能仅对某些设备或浏览器有效。 您需要在客户端上的代码中识别这些内容，并在此基础上有条件地运行代码。 你会怎么做？

Answer 1

如果您使用的是AngularJS，则可以使用ng-device-detector。 它是一个角度插件，使用UserAgent标头密钥来检测浏览器/设备和操作系统。

您可以使用以下说明轻松添加它： https://github.com/srfrnk/ng-device-detector/blob/master/readme.md

Answer 2

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

但是你也可以只使用JavaScript来通过navigator对象，以及它的属性，例如navigator.userAgent。

这里是导航器的文档：

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

但回到原来的问题，通常最好将方法直接基于功能。请记住，JavaScript代码是在客户端执行的，可以由用户更改/更改。

如果该功能至关重要且与证券政策相关，最好的方法可能是从服务器获取允许的功能，也许可以向服务器发送设备信息（如果需要）并返回列表允许的功能。

如果您只是将客户端代码作为其保护，则可以更改代码，用户也可以查看受限制的功能。

我希望这会有所帮助。