如何看到javascript修改了特定的HTML？
当我加载页面时，有一个样式属性已添加到如何看到javascript修改了特定的HTML？,javascript,html,debugging,Javascript,Html,Debugging,当我加载页面时，有一个样式属性已添加到标记中，而我的模板中没有该属性。如何发现javascript对其进行了哪些修改 为了清楚起见，body标签现在是： <body class="home page" style="margin-top: -43px;"> 因此，样式不是来自样式表。而模板根本不包含“style=”位。所以我很确定一些正在运行的javascript正在修改body标记 我可以使用Firefox/Firebug和Chrome Inspector。我曾尝试在“HTM
<body class="home page" style="margin-top: -43px;">
我正在使用Django和jQuery，以防这会改变答案。它也有可能被添加到服务器端。如果在源文件中搜索样式表名称，它应该出现在JavaScript或Python文件中。i、 e.grep代表“mystylefile.css” 您可以禁用JavaScript并查看它是否仍然被添加，如果您想缩小它的范围 更新
要找到为元素添加边距顶部的内容将更加困难！您可以在JavaScript文件中搜索“margin top”并查看返回的结果数量，或者逐个添加JavaScript文件，直到添加为止。我目前使用Firebug的一个扩展名为FireDiff您可以在此处提交其主页：您可以使用。
尝试将此代码添加为页面加载时执行的第一件事：
var target = document.querySelector('body'),
observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
debugger;
});
});
observer.observe(target, { attributes: true });
作为补充说明，如果这种特殊的断点在重新加载页面后仍然存在，那就太好了。只需在*.js或搜索源中搜索样式属性？（例如，如果是背景色，请在任何脚本中查找
backgroundcolorbackground color