1

我正在寻找一种基于设计类型和连接速度来提供图像的方法。

有很多关于将新的“图片”元素绑定到新的 HTML5 规范中的讨论。据我所知,这将更像媒体查询和纯粹根据设备大小下载源图像。

我认为我想要的可以通过速度测试所需的下载并使用该数据来决定应该从服务器检索哪些图像集来实现。

这种方法的问题(这可能不是最好的方法)是网络速度可能会有所不同,因此一次性测试的结果可能会产生误导。

此外,要获得当前下载速度状态的持续更新,您需要不断运行这些测试。您可以将测试绑定到 ajax 请求中,这样您就不需要下载比应用程序所需更多的数据,但这对于持续监控网络强度来说并不理想。只有当用户向服务器发送请求时,您才会获得更新。

如果有一个设备驱动的 API 可以在我们从服务器发回任何东西之前告诉我们连接类型和信号强度,那将是伟大的。那存在吗?这是最好的主意吗?我错过了一些明显的东西吗?

4

1 回答 1

1

它不存在,但如果它存在,那就太棒了。

移动设备的图像仍然非常悬而未决,我们仍在等待最佳解决方案,以解决慢速蜂窝网络上的小型移动设备以及超快速度下的大屏幕视网膜显示器的问题网络。srcsets、picture元素、SVG 等都被用作权宜之计,但它们都有其后备和缺点。

查看 Smashing 的这篇文章,在我们等待“正确”解决方案时,它深入探讨了问题和潜在的解决方案。

http://mobile.smashingmagazine.com/2013/05/29/the-state-of-responsive-web-design/

于 2013-06-03T13:22:08.073 回答