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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2394 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

12 条回复 • 2018-05-25 08:39:50 +08:00

VDimos

2018-05-24 14:07:31 +08:00 via Android

找不到，没办法。改了哪个特性你可以去搜关键字，看找得到不。可能什么也找不到，没办法查看的

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 via iPhone

萬一用的 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 转一大圈出来

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

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