我正在管理一个DNN网站,并试图找到应用于我主页上某些元素的"宽度:100%"内联样式的来源.DNN中包含的一大堆JS库难以手动解析,但我已经打开了Chrome开发者工具,并在"源"选项卡中搜索了加载到页面上的每个JS文件,以查看"100%"的位置正在使用.没有骰子.
我知道Break on ...> Attributes Modifications功能.这一直被引用为我在SO上发现的类似问题的解决方案:
如何跟踪修改DOM中div的内联样式的javascript？
查找Javascript应用的内联样式来调试Javascript
问题是,与Sources选项卡中的调试JavaScript不同,刷新网页时,"元素"选项卡中HTML元素的调试点会被擦除,而我尝试跟踪的脚本仅在页面加载时运行一次,而不会再次运行在运行时,所以断点永远不会被击中.
是否还有其他方法可以确定在页面加载期间DOM中特定元素的属性何时或何地发生变化？或者可能跟踪特定属性？
javascript css dotnetnuke inline-styles google-chrome-devtools