Javascript 查找更改a的值属性的脚本<;输入/>;标签 document.getElementById(“测试按钮”).value=“更改测试”

Javascript 查找更改a的值属性的脚本<;输入/>;标签 document.getElementById(“测试按钮”).value=“更改测试”,javascript,html,firebug,Javascript,Html,Firebug,正如上面的HTML代码所示,我定义了一个名为test\u button和valuetest的按钮,并使用脚本标记中的代码更改其值 现在,我正在调试一个大型网页,它在Linux中使用Firebug和Firefox这样的机制 我想知道如何找到更改属性的值的脚本,但是网页太大,自动执行的各种和匿名函数几乎不可能手动找到特定的脚本 因为我在Linux中,所以我不能使用任何Microsoft工具来搜索整个网页。我只有萤火虫和铬。Firebug能意识到这一点吗?是否有人知道如何找到更改了值的特定?在表单后面

正如上面的HTML代码所示,我定义了一个名为
test\u button
和value
test
的按钮,并使用脚本标记中的代码更改其值

现在,我正在调试一个大型网页,它在Linux中使用Firebug和Firefox这样的机制

我想知道如何找到更改
属性的
值的脚本,但是网页太大,自动执行的各种
和匿名函数几乎不可能手动找到特定的
脚本


因为我在Linux中,所以我不能使用任何Microsoft工具来搜索整个网页。我只有萤火虫和铬。Firebug能意识到这一点吗?是否有人知道如何找到更改了
值的特定

在表单后面用按钮向文档中添加如下代码:

<script>
var node = document.getElementById("test_button");
Object.defineProperty(node, 'value', {
    set: function() { throw new Error('button value modified'); }
});
</script>

var节点=document.getElementById(“测试按钮”);
Object.defineProperty(节点“值”{
set:function(){throw new Error('button value modified');}
});
当任何东西试图修改按钮的
值时,这将抛出一个错误

展开错误并单击显示的最后一行号。这将直接带您到设置按钮值的行

下面是一个演示:


在Chrome 17中测试。

这一点相当不清楚,您似乎发布了更改按钮值的脚本;除此之外,使用浏览器的“查找”功能循环浏览字符串“test_button”的实例,查看它的使用位置。@Mr.D我认为代码只是一个代表核心问题的示例,实际调试的文档要大得多(可能到处都有相当于“test_button”的内容).谢谢。你写的东西真的很详细。这确实是个好主意。但是我需要调试一个不是我写的网站,因为我需要在那个网站上写一个网络爬虫。我记得chrome开发者工具有这样的功能。e、 g.对于行:
,我可以右键单击该行,选择“属性修改时中断”,然后刷新网页,chrome将在属性修改的tge行停止,firebug是否有类似的功能?