前端 - 如何找出控制的css属性的JavaScript代码段？

Question

如果一个css 属性，是有JavaScript动态控制，
例如在js中：

当xxx条件满足：
    color:black;
当条件不满足：
    color:red;

那我现在要找出这一段js代码，并修改，但是文件太大了，项目复杂，该如何找出呢？

有什么好的调试方法吗？

Answer 1

右键你要检测的元素打开控制台，选择break on里的Attributes modifications，当元素属性发生改变时会产生断点，这时就可以找是哪个js 修改的了。

Answer 2

ctrl+F找关键字啊。color:black

Answer 3

先在JS里找到节点啊，这个节点的方法或函数应该不会太多，在在节点的方法或函数里找改变颜色的代码