您如何测试博客网站是否在线显示图像?

How can you test if a blogger site is online with an image?

当您想测试图像以查看网站是否可用时,您通常会选择可能会出现很长时间的徽标或图像。

对于博主而言,none 的图像托管在您的 url 上,但在其中一个博主静态服务器上。这意味着您无法测试网站的图片。

那么如何通过加载图片来测试站点是否在线?

当涉及到 Blogger 时,您的域中只有一张图片,那就是您的网站图标。您的网站图标位于 www.yourblogdomain.com/favicon.ico.

测试图像状态的常用方法是尝试加载在线图像,如果失败则显示离线图像。

要使用网站图标,您需要在在线和离线时更改图像。为此,您可以使用 onerror 和 onload。

<img src="http://yousite.com/images/online.png" onerror="this.src='http://anothersite.com/offline.png'" />

为此,在线图像必须托管在您正在检查的网站上。但是,如果您想查看博客网站或您无权访问的网站,则需要采用其他方式。

<img src="http://test.blogspot.com/favicon.ico" onLoad="this.src='http://imgur.com/online.png'" onerror="this.onload=null; this.src='http://imgur.com/offline.png'" />

您需要 this.onload=null; 否则当离线图像加载时,它将更改为在线图像,因为它已加载。

你就是这样做的。测试网站图标或站点图像,然后在加载或失败时替换它。您还可以在错误时禁用加载功能,这样离线图像在加载时不会触发在线图像。