jquery - 无法找到哪个脚本在特定行上运行

Question

我的 jsp 中有以下代码行:

 <td><form:input type="text" class="disable1" name="projowner" id="projowner"  path="projOwner"/></td>

在浏览器中渲染时我发现代码是这样的:

<td><input id="projowner" name="projOwner" class="disable1" type="text" value disabled></td>

我删除了 jsp 中的 class="disabled1"并发现我的 HTML 中不再存在禁用属性。我正在尝试在 chrome 中调试代码，并希望查看哪个脚本/css 将“禁用”属性插入到我的代码中。在 Chrome 中“检查元素”时，我在网络选项卡中发现页面加载时下载了一些 javascript 文件。我试图在其中找到文本“disabled1”，但它不存在。我也尝试在当前的jsp中找到它，但仍然没有成功。有没有什么办法，比如 Chrome 调试器中的断点之类的东西，以便我可以看到哪些脚本在我的特定代码行上运行。我正在使用 Bootstrap 和 apache 磁贴。

--已编辑--

下图显示加载时的页面不包含禁用属性:

Answer 1

是的，这是客户端代码执行的修改。 Chrome的开发工具中有一个很好的工具，可以让你在DOM属性修改上设置断点。完成此操作后，您的浏览器将在进行更改的确切行中停止 JS 执行，以便您找出触发它的原因。详细信息参见 Chrome's documentation .

据报道，此功能也是present in Firebug但我在明显较新版本的插件中找不到它。