[js] 问个小小的问题 某段 js 修改了 html dom 元素属性 我如何才能找到这段 js？

2018-05-24 14:00:59 +08:00
 o000

如题，通常不是事件的话，我以前的方法就是下载下来用 vscode 全局找.....或者干脆不找了 直接写一个方法覆盖掉，😔 哪位大神告诉我怎么搞......

3656 次点击
所在节点    JavaScript
12 条回复
VDimos
2018-05-24 14:07:31 +08:00
找不到，没办法。改了哪个特性你可以去搜关键字，看找得到不。可能什么也找不到，没办法查看的
luoway
2018-05-24 14:09:16 +08:00
chrome debugger

Elements，选中被修改的元素，右键 Break on → 勾选 subtree modifications

然后刷新页面，即可在 dom 修改时触发断点调试了
wxsm
2018-05-24 14:09:30 +08:00
chrome dev tools 支持 dom breakpoints, 包括结构变化，属性变更，节点移除。
nuxt
2018-05-24 14:10:41 +08:00
chrome

break on attribute modification
nuxt
2018-05-24 14:11:12 +08:00
有脚本修改的话，会停止执行，定位到那段脚本
nuxt
2018-05-24 14:11:56 +08:00
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>
<div class="test" onclick="test(this)">test</div>
<script>
function test (context) {
context.setAttribute('foo', 'bar')
}
</script>
</body>

</html>
bazingaterry
2018-05-24 14:13:07 +08:00
萬一用的 eval⋯⋯
o000
2018-05-24 14:25:30 +08:00
@nuxt 你好 “有脚本修改的话，会停止执行，定位到那段脚本” 在哪查看~
rabbbit
2018-05-24 14:32:03 +08:00
o000
2018-05-24 14:53:36 +08:00
十分感谢诸位，找到问题所在了。
fulvaz
2018-05-24 15:35:56 +08:00
Angular: 找得到我输
o000
2018-05-25 08:39:50 +08:00
@fulvaz 果然就是断点查找 jq 转一大圈出来

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/457421

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX