问如何检测设备是否为台式机和/或移动设备，以及是否使用AngularJS进行wifi连接

EN

你不需要Angular来做这样的检查。

要检测设备是台式机还是移动设备，请使用navigator.userAgent，请参阅此answer

要检测连接类型，请使用navigator.connection，请参阅此answer

小心，此接口支持不是通用的，请参阅here。

另一种方法是尝试这个plugin，它依赖于互联网速度检查，但我从未使用过它。

最后，如果你真的需要这些信息给智能手机用户，在Cordova上转换你的网站，然后分发你的应用程序。

关于找出是否使用了什么设备，这个angular插件可以省去一些麻烦：ngx-device-detector

安装它：$ npm install ngx-device-detector --save，添加到构造函数中。然后调用this.deviceService.IsMobile()来检查设备类型是否为移动设备。它有其他方法来检查设备是平板电脑还是台式机，还有其他方法可以返回关于浏览器的完整信息。

我鼓励开发人员使用功能检测，而不是浏览器或桌面/移动检测。例如，modernizr有一个针对低带宽连接的功能检测，尽管它并不是在所有浏览器上都有效：https://modernizr.com/download#lowbandwidth-setclasses&q=connect

正如它所说的，危险在于未知的设备被认为是快速的。

要了解桌面与移动设备的区别，可以使用一种技术来监听触摸事件。c.f.：What's the best way to detect a 'touch screen' device using JavaScript?

关于是否应该自动播放视频剪辑，如果它是HTML5播放器，它无论如何都不会在移动设备上自动播放，因为你提到的原因，除非它绑定到触摸事件(如点击播放)。

我已经通过“保存”之前的一个触摸事件来解决这个问题，比如使用视频播放器到达屏幕，然后重新使用该事件进行自动播放。尽管如此，请考虑一下自动播放是否真的是你想要的，因为很多用户都觉得它很烦人。