显示:无!重要注入<img ng-src...>

问题描述 投票:0回答:6
angularjs google-chrome-devtools
6个回答
21
投票

关闭广告拦截。

我有一张名为“Advert.png”的图片,花了太多时间才意识到广告块正在阻止它 ØØ。


4
投票

当浏览器中使用广告拦截器扩展时,会出现此问题,当您暂停时,您将能够看到图像,并且不会显示此内联 CSS。


3
投票

我也有类似的情况。这是因为我在 Chrome 上安装了广告拦截器。我的应用程序在没有安装广告拦截器的 Firefox 上运行良好。但chrome没有显示元素。

经过几个小时的谷歌搜索后,我发现 chrome 未显示的元素 id 是问题所在。我对特定元素的 ID 是“广告后”。我将其更改为“新建”。

就是这样。它开始工作了:)

我认为广告拦截器会找到html页面的某些ID和名称来决定是否显示它。

希望这对某人有帮助


2
投票

我在从 src attrib 加载图像时发生了这种情况, 为某些图像添加了内联样式

"style="display: none !important;"

尝试禁用 Chrome 中的 Angular Inspector 插件。 我在正常模式下发生过这种情况,但在隐身模式、firefox、opera、mobile 下一切正常。


0
投票

首先,检查 DevTools 是否显示哪个 CSS 规则隐藏了它。 它应该为您提供文件和行。如果不是,请尝试禁用 Javascript,看看是否有帮助。或者手动扫描文件并查找

.hide()
.toggle()
等(如果使用 jQuery)。

要进一步调试,您可以尝试通过选择元素在子树和属性修改上设置断点,然后在上下文菜单中选择“Break on...”(如下所示)。

您也可以尝试视觉事件。另请参阅:如何在 DOM 节点上查找事件侦听器?


0
投票

补充一下,可能不仅仅是 Adblock。任何操纵浏览器 DOM 的扩展程序(例如第三方夜间模式扩展程序)都可能是罪魁祸首。我所做的就是禁用所有扩展,然后慢慢地一一启用它们以找到罪魁祸首。

© www.soinside.com 2019 - 2024. All rights reserved.