如何在javascript或jquery中获取/查找从DOM元素或变量调用的函数

Question

我不确定这是怎么做的.我有一个通过CMS创建的页面.有很多的文件,即:includes,.LESS和.js文件.根据所选的模板,css规则将aside#socialicons元素设置为"display:none".但是,此规则正在被动态"display:block"相同元素上的内联css样式设置覆盖.

我查看了几个文件(.css, .less和.js),试着找到如何动态添加这个属性,以便我可以更改它.

在global.js中,声明和定义变量如下:

g = g || {};
g = {
selectors: {
        socialbox: "aside#socialicons",
            ....
} 

逐行,我手动查看所有.js文件,找到g.selector.socialbox变量.我希望找到操纵它的功能.我还没有找到它.我还查看了选择器的所有css/less文件,aside#socialicons并且只能找到设置它的css规则display:none;visibility:hidden;.

告诉我的乡亲,如果函数确实修改这个元素,有没有在Chrome或萤火虫的开发人员工具控制台在哪里可以找到被调用时,添加什么功能的方式display:block给aside#socialicons/g.selector.socialbox元素？断言可以起作用吗？如果这些方法中的任何一种都可以使用,请您告诉我它是如何完成的？

非常感谢.

更新: 所有js文件都已压缩并编译为一个.js文件,以获得更好的性能.该页面使用了大约10个javascripts和10个javascript库文件.我可以查看源代码以查看正在加载的文件,但是因为元素已经使用不同的名称在不同的文件中定义,例如g.selectors.socialbox,或者g.socialbox,尝试遵循aside#socialicons元素的变量会让人感到困惑.在firebug中,我可以在所有文件中搜索元素和/或变量,但如果变量已被重命名,我就会迷失方向.欢迎所有帮助.我没有写这段代码.

非常感谢.

Answer 1

在" Elements开发人员工具" 选项卡中,右键单击元素并选择Break on Attribute Modification.然后等待断点点击,您可以检查堆栈跟踪以查看它的修改位置.