Question

我遇到了一个非常恼人的移动网络问题。我所使用的网站使用了大多数按钮的图像，<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>

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

1 个答案: