找出是什么在改变网站上的样式属性

Question

在我的网站上几乎每个div上都有一个自动添加的样式属性。它总是看起来像这样<div style="height: auto !important">

源代码总是看起来很好，它只出现在最终渲染的网站上。 我怎样才能知道是什么原因造成的？

使用谷歌浏览器的DevTool，我已经尝试进行"属性修改中断"，但这并没有给我带来任何结果。

例如，您可以看到此网页：https://shortorial.com/quickly-fix-the-color-and-brightness-of-a-picture-in-photoshop/

<div id="page" class="hfeed site grid-container container grid-parent" style="height: auto !important;">
<div id="content" class="site-content" style="height: auto !important;">
<div id="primary" class="content-area grid-parent mobile-grid-100 push-25 grid-75 tablet-push-25 tablet-grid-75" style="height: auto !important;">
<main id="main" class="site-main" style="height: auto !important;">

非常感谢

Answer 1

这是由于AdSense，或者更准确地说，这个脚本文件加载到您的页面头部，它将样式注入到您的所有div上： https://pagead2.googlesyndication.com/pagead/js/r20191003/r20190131/show_ads_impl.js

您可以在脚本文件中搜索e.setProperty("height"、"auto"、"important"(以查找进行更改的位置。

编辑：

如果你想从所有div中删除样式字段，你可以使用document.getElementsByTagName遍历所有这些div：

var list = document.getElementsByTagName("div");
for (var item of list) {
item.style.height="";
}