关闭广告拦截。
我有一张名为“Advert.png”的图片,花了太多时间才意识到广告块正在阻止它 ØØ。
当浏览器中使用广告拦截器扩展时,会出现此问题,当您暂停时,您将能够看到图像,并且不会显示此内联 CSS。
我也有类似的情况。这是因为我在 Chrome 上安装了广告拦截器。我的应用程序在没有安装广告拦截器的 Firefox 上运行良好。但chrome没有显示元素。
经过几个小时的谷歌搜索后,我发现 chrome 未显示的元素 id 是问题所在。我对特定元素的 ID 是“广告后”。我将其更改为“新建”。
就是这样。它开始工作了:)
我认为广告拦截器会找到html页面的某些ID和名称来决定是否显示它。
希望这对某人有帮助
我在从 src attrib 加载图像时发生了这种情况, 为某些图像添加了内联样式
"style="display: none !important;"
。
尝试禁用 Chrome 中的 Angular Inspector 插件。 我在正常模式下发生过这种情况,但在隐身模式、firefox、opera、mobile 下一切正常。
首先,检查 DevTools 是否显示哪个 CSS 规则隐藏了它。 它应该为您提供文件和行。如果不是,请尝试禁用 Javascript,看看是否有帮助。或者手动扫描文件并查找
.hide()
、.toggle()
等(如果使用 jQuery)。
要进一步调试,您可以尝试通过选择元素在子树和属性修改上设置断点,然后在上下文菜单中选择“Break on...”(如下所示)。
您也可以尝试视觉事件。另请参阅:如何在 DOM 节点上查找事件侦听器?
补充一下,可能不仅仅是 Adblock。任何操纵浏览器 DOM 的扩展程序(例如第三方夜间模式扩展程序)都可能是罪魁祸首。我所做的就是禁用所有扩展,然后慢慢地一一启用它们以找到罪魁祸首。