Chrome为元素添加display none

Question

在我的网站上,chrome会display:none在加载时将css 添加到元素中.

以下是chrome添加的css代码

:root .ad-row, :root #ad-footer, :root .ad-sidebar, :root .ad-content, :root #content > #right > .dose > .dosesingle, :root #content > #center > .dose > .dosesingle, :root .ad-header {
    display: none !important;
}

我删除了所有js文件并检查但它无法正常工作.

Answer 1

这不是因为Chrome而发生的,而是因为某些广告拦截器扩展程序的样式,您可能已安装在Chrome上.

它也发生在我身上.对于我的一个项目,我无法在firefox上看到一些div元素.问题是您的班级或ID名称中包含"ad"一词.请不要这样做.因为这些广告拦截器扩展程序会隐藏其中包含关键字"ad"的所有内容.

如何解决问题:

不要尝试从浏览器中删除广告拦截器,而是将您的类和ID名称更改为其他内容.因为如果您网站的访问者安装了任何广告拦截器,那么他们可能会遇到您所拥有的相同内容.

永远不要在您的班级或ID名称中使用"ad"字样.