如果客户端通过 WWAN（计量）连接或其他方式连接，我希望将特定网站定制为低带宽版本。
连接类型对于站点了解它是否应该提供丰富的体验或带宽高效的体验很重要。我的桌面在按流量计费的连接上运行，将来，更多的台式机将通过按流量计费的蜂窝网络（包括 Windows 8 平板电脑）连接，高效的网络应用程序应该尊重用户可能不需要按次付费的高细节资产。字节连接。
如何使用 HTML5/JavaScript 检查客户端是否通过 WiFi/LAN/WWAN 连接？
注意：我不希望明确检查浏览器标头（对于可以通过多种方法连接到互联网的桌面浏览器来说，这并不是真正的解决方案）。
见navigator.connection（前缀）。此 API 公开有关客户端带宽的信息。
你不能。有关客户端如何连接到服务器的信息（即，它使用哪些技术，是按字节付费还是按固定收费）是不公开的。如果这对您有帮助，您可能能够获得跟踪路由（包含与跟踪相关的所有问题），但该信息将无法通过 JavaScript 访问。
JS 可以做的是简单的带宽测试。通过 XHR 下载已知大小的文件，并测量所需的时间。
连接的付费模式是绝对私有数据。它既不会被发送到互联网上的服务器，也不会被加载的网站使用。如果您需要此信息来为客户提供自定义应用程序，请直接询问用户。如果他愿意，他会告诉你的。
然而，等等。可以设置最新的 Chrome 和 Firefox（用户偏好）以提供有关实验navigator.connection对象的数据。
此外，对于开发 Metro 应用程序，Windows 提供了有关Windows.Networking.ConnectivityAPI 的此类信息，请参阅本教程。
也许你以错误的方式接近它。看看 Gmail 模型。他们有一个富客户端，如果页面需要很长时间加载，用户可以选择退出。标准客户端要轻得多，并使用更“传统”的网页设计。
试图自动检测不该出现的东西会让你陷入一个非常深的兔子洞。
老问题，但在寻找我自己的目的时，我发现了这个 - 我还没有尝试过，因此 YMMV：https : //github.com/ashanbh/detectClientSpeed。
测量下载资产的时间以获得带宽信息的基本概念是主观的，不一定一致，但缺乏适用于 iOS/Android 的原生平台 API，这不是一个坏选择。更轻松的替代方法可能是测量 google.com 之类的 ping 时间。