javascript - 故意未通过 HTTP 完成加载的图像

Question

我正在创建一个使用大量 JavaScript 的 Web 应用程序。在那里我必须处理由

var myImg = new Image();
myImg.src = 'http://...../';

加载不够快。所以添加一个像

myImg.onload = handlerFunction;

简单。

但是我该如何调试呢？
即我怎样才能故意使图像加载缓慢（甚至永远不会......）？

是否可能有一个 Web 服务为我提供这样的图像，我可以通过仅使用该图片的 URL 轻松包含该图像？

score 2 · Accepted Answer

在这里，OP 发现它在他的场景中很有用:)

src您可以在属性中放入 PHP URL并在 PHP 中使用 sleep()。

<img src="/my_image_test.php" alt="testing behavior on image load delay" />

sleep(10); //delay for 10 seconds
header('Content-Type: image/jpeg');
//output image here if you have to

或者如果您不想更改源，您可以使用 URL 重写将图像请求重写到 PHP 页面

score 0 · Accepted Answer

如果要预加载图像，可以使用 CSS/JavaScript。

是否可能有一个 Web 服务为我提供这样的图像，我可以通过仅使用该图片的 URL 轻松包含该图像？

取决于您要查找的图像类型。您可以搜索 google.com 的图像部分。如果你能找到它，你可以在你的应用程序中使用它的 URL。

2 回答 2