1

我问你是否知道是否有现成的解决方案，而不是真正如何去做。

我很确定我可以自己完成它，即使我从未手动接触过 JPEG 的字节。如果您想要破解它，我们邀请您这样做；）

基本理念是您有一个包含一些 JPEG 图像的网站，但您希望尽可能减少移动用户的负载。

因此，您确保所有 JPEG 都是渐进式的，并且只首先发送它的低频位，闲置 TCP 连接，并等待客户端报告浏览器窗口中的可用空间有多大。

或者，您有某种browsercaps.ini或类似的，并依靠它来获得初始解决方案——然后让记者在必要时报告更正。

对于两个完全独立的环境，我实际上需要这个，一个是使用 PHP，另一个是使用 node.js（后一个更重要）。

我很确定 picasaweb 已经在做这些事情了，或者至少做了。你可以查看一张图片，它会逐步加载——然后你可以放大它，它变得块状但继续逐步加载，我记得我对此印象深刻！

（谷歌为他们自己保留很酷的东西是不公平的，记住他们的座右铭 {°«°] ）

4

1 回答 1

1

为什么不向客户端发送可用于特定 img 标签的图像列表，然后让客户端确定应该使用哪个图像？

可以确定设备的屏幕大小document.write(screen.width+'x'+screen.height);或浏览器的大小。而不是为每个图像添加 src 属性，而是将可能的来源添加到 html5data-属性，如下所示：

<img data-img="mobile:some-img.jpg,desktop:other-img.jpg" />

JavaScript（使用 jQuery）：

$('img').each(function(){
    $(this).attr('src', $(this).attr('data-img').split(',')[0].split(':')[1]);
});
于 2011-10-31T17:20:29.607 回答