我有一个元素或图像在 Chrome 中显示不正确,但它在所有其他浏览器中显示正常。这是什么原因造成的?
注意:由于它们的性质,这些问题通常过于本地化,无法标记为重复。出于这个原因,我添加了这个问题作为针对所有这些问题的一种方式。
仅在上周提出的几个此类问题的示例是:
我有一个元素或图像在 Chrome 中显示不正确,但它在所有其他浏览器中显示正常。这是什么原因造成的?
注意:由于它们的性质,这些问题通常过于本地化,无法标记为重复。出于这个原因,我添加了这个问题作为针对所有这些问题的一种方式。
仅在上周提出的几个此类问题的示例是:
这是 StackOverflow 上经常出现的一个问题。
这里的“问题”通常是AdBlock;一个 Chrome 扩展程序,可从页面中过滤掉可能不需要的广告。如果您的元素具有被 AdBlock 检测到的属性(长列表),它将默默地将其display
设置为none
.
检测到的class
例子:
<div class="ad_box">
<!-- Anything within this divider will not be displayed -->
</div>
检测到的图像src
示例:
<img src="../300x250/1_512648b566578.png" alt="This doesn't display either!" />
(这也适用于 CSSbackground
图像!)
为了在我的网站上进行测试,我怎样才能防止这种情况发生?
有几种方法可以解决这个问题,但最简单的方法是:
通过左键单击屏幕右上角(默认位置)的图标并选择所需选项,暂停扩展程序,或阻止它在该特定页面或您的域上运行:
或者,您可以通过导航到(在您的 URL 栏中)并取消选中“启用”来禁用扩展:chrome://extensions/
几个月前,更新了 AdBlock 扩展程序,以显示在扩展程序图标内的页面上已屏蔽了多少广告。如果图标设置为可见,您现在可以轻松查看扩展程序阻止了多少不同的内容部分: