移动网络:检测图像何时被禁用

Question

我遇到了一个非常恼人的移动网络问题.该网站我有使用图片为大多数IT上的按钮,无论是<a href="..."><img>和<input type='image'>.因此,如果用户禁用图像,网站不仅看起来不好,而且还失去了浏览网站的所有能力.特别是,Android不显示alt图像信息,因此没有任何暗示未显示的图像.

有没有办法确定浏览器是否在不使用JavaScript的情况下禁用了图像？如果他们已禁用它,我想显示更通用的文本优化网站.

Answer 1

根本不使用任何 JavaScript？恐怕这是不可能的，至少在客户端是不可能的。

HTML 中有 NOFRAME 和 NOSCRIPT 标签，但没有等效的图像标签，只有当图像被禁用或不支持时才会显示其内容。

然后，对于包装图像的 A 标签，也许您可​​以使 A 标签（而不是其图像）负责显示工具提示和处理事件。

另外，为了确保您的布局在图像未加载时不会中断，您可以为 A 标记指定其图像的正常高度和宽度。同样的事情也适用于标签<input type='image'>，将它们包装在 span 标签中并为其提供正确的属性值。

例如：

<a href="..." style="height: 25px"; width: 80px;" title="Some tooltip text">
    <img...>
</a>

<span onclick="some action" style="height: 30px"; width: 70px;" title="Some other tooltip text">
    <input type='image'...>
</span>