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

Question

我对SO做了一些研究，但类似的问答是检测它是否有连接，而不是关于连接类型。

我网站的目的是，如果用户使用手机(手机或平板电脑)和 wifi，播放视频剪辑；如果用户使用的是移动设备而不是 wifi，则播放视频剪辑；如果用户不在移动设备上，则播放视频剪辑。

不同行为的原因是为了避免由于视频剪辑的尺寸相对较大而可能给用户带来的附加费。这与速度无关——如今 LTE 与 LTE 的速度差异wifi可能只有一点点；更多的是担心用户在没有 wifi 连接的情况下使用数据会被收费。

所以我的问题是，使用 AngularJS(<2.0)，1)如何检测设备是台式机还是移动设备2) 如何检测设备是否连接wifi

(我想对于第一季度，后备方案是使用 Bootstrap @media，但这并不理想。)

Answer 1

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

为了检测设备是台式机还是移动设备，请使用 navigator.userAgent，参见 answer

为了检测连接类型，使用navigator.connection，参见answer
注意，此 API 支持不是通用的，请参阅 here .
另一种方法是尝试这个 plugin ，它依赖于互联网速度检查，但我从未使用过它。
最后，如果您真的需要智能手机用户的这些信息，请在 Cordova 上转换您的网站，然后分发您的应用。