Question

我正在尝试调试我的AngularJS应用程序，其中display：none注入标签，如下所示：

这是img标签的显示方式：

  <img ng-src="{{clientImage}}" style="margin: 0 0 0 5px;" />

这就是我得到的：

  <img ng-src="{{clientImage}}" style="margin: 0 0 0 5px; display: none !important;" />

有人可以通过建议我如何追踪（display：none！important;）是如何注入来帮助我的吗？还有关于什么可能在我的img标签中注入此内容的想法？

注意： - 这个问题只发生在某些浏览器上，而不是所有浏览器上，实际上我尝试在同一个浏览器版本上重现错误，但在两台不同的机器上却失败了。 - 我正在使用Chrome最新版本进行测试

Answer 1

从src attrib加载图片时，我发生了这种情况，为某些图像添加了内联样式"style="display: none !important;"。

尝试在Chrome中禁用角度检查器插件。它发生在普通模式下，但在隐身模式下，firefox，opera，mobile一切都还可以。

Answer 2

首先，检查DevTools是否显示哪个CSS规则隐藏了它。它应该给你文件和行。如果不是，请尝试禁用Javascript以查看是否有帮助。或者手动扫描文件并查找.hide()，.toggle()等（如果使用jQuery）。

要进一步调试，可以尝试在子树上设置断点。通过选择元素来修改属性，并在上下文菜单中选择“ Break on ... ”（如下所示）。

Answer 3

关闭广告块。

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

Answer 4

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

经过数小时的谷歌搜索后，我发现问题是chrome未显示的元素ID。我为特定元素设置的ID是“后广告”。我将其更改为“全新”。

就是这样。它开始工作了：）

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

希望这对某人有帮助

Answer 5

当您在浏览器中使用adblocker扩展程序时，如果您暂停该操作，就可以看到图像，并且此内嵌CSS将不会显示。