如何使用HTML5/JavaScript检查连接类型(WiFi/LAN/WWAN)？

Question

我希望定制一个特定的网站到一个低带宽的版本，如果客户端是通过WWAN (计量)连接或其他。

连接类型很重要，让站点知道它应该提供丰富的体验还是带宽高效的体验。我的桌面在计费连接上运行，在未来，更多的桌面将通过计费蜂窝网络(包括Windows 8平板电脑)连接，高效的web应用程序应该考虑到用户可能不需要在按字节付费的连接上提供高细节资产。

如何使用HTML5/JavaScript检查客户端是否通过WiFi/LAN/WWAN连接？

注意:我不希望显式地检查浏览器头部(这不是一个真正的解决方案，桌面浏览器可以通过多种方法连接到互联网)。

Answer 1

请参见navigator.connection (前缀)。此接口公开有关客户端带宽的信息。

Answer 2

你不能。关于客户端如何连接到服务器的信息(即，它使用哪些技术，如果它是按字节付费或固定费率的)是不公开的。如果这对您有帮助，您也许能够获得跟踪路由(具有与跟踪相关的所有问题)，但这些信息将无法通过JavaScript访问。

使用JS可以做的是简单的带宽测试。通过XHR下载已知大小的文件，并测量所需的时间。

连接的付费模式是绝对私有数据。它既不会被发送到互联网上的服务器，也不会在加载的网站上使用。如果您需要此信息来为客户端提供自定义应用程序，请直接询问用户。如果他愿意，他会告诉你的。

不过，等等。可以设置最新的Chrome和火狐浏览器(用户偏好)来在experimental navigator.connection object上提供这些数据。

此外，对于开发地铁应用程序，Windows在Windows.Networking.Connectivity API上提供了这样的信息，请参阅this tutorial。

Answer 3

也许你正在以错误的方式来处理它。看看Gmail模型。他们有一个富客户端，如果页面需要很长时间加载，用户可以选择退出。标准客户端要轻得多，并且使用更“传统”的网页设计。

试图自动检测不应该发生的事情可能会把你带到一个非常深的兔子洞。