查找Javascript -应用内联样式调试Javascript
查找Javascript -应用内联样式调试Javascript
提问于 2015-04-15 18:26:05
场景：，我正在接管一个网站的管理，在那里，前web开发人员不幸地将许多相关功能分散到许多长JS文件上。我很难找到在JS中内联CSS样式是从哪里来的，也很难找到将这种样式直接应用于元素的函数。
问题：是否有一种方法来逆向工程一个元素的内联样式，以了解它们的来源？
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-04-15 18:29:57
一种可能的方法是在Chrome工具中添加DOM断点
为此，必须在添加样式之前添加断点。这可能很棘手，但您可以在加载任何JavaScript之前强制设置一个断点，方法是在所讨论的HTML元素之后立即添加以下内容
<script>debugger</script>在下面的代码中尝试它
- 点击下面的“运行代码片段”按钮
- 开放式开发工具
- 右击段落
- 选择休息..。->属性修改
- 单击“添加边框颜色”按钮
- 您的调试器停留在修改样式的代码上。
window.onload = function() {
document.querySelector('button').addEventListener('click', function() {
document.querySelector('p').style.border = '2px solid red';
});
}<p> Sample Paragraph </p>
<button>Add border color</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29657953
复制相关文章
相似问题
腾讯云开发者
