如何找到响应按钮操作的 JavaScript 代码

How to locate JavaScript code responsive for button action?

本文关键字：JavaScript 代码 操作 按钮 何找 响应      更新时间：2023-09-26

有一个按钮，单击该按钮时会执行特定操作并刷新页面。它看起来像这样：

<input type="submit" name="name" value="some value" id="mt1_main_btn" class="btn_next">

当我尝试复制它时，它显然不起作用，因为它背后没有 JavaScript 来做它应该做的事情。 有没有办法在页面上找到触发它工作的内容并将其复制到新页面？寻找什么最好？

您可以尝试的一件事是找到由正在发生的操作修改的元素（假设单击可能会导致某些内容隐藏或显示在页面上）

通过右键单击Chrome元素面板中的元素，您可以选择在子树修改时中断：

http://monosnap.com/image/VmtTNLmDt6c3twbLT8hEEj7p7M80JM

这意味着如果此元素中的 DOM 节点发生更改，javascript 执行将暂停。

这将允许您调查堆栈：

http://monosnap.com/image/ZD8ZYTqNPNX2Ee1BybVGpGc2BMcniV

我会查看第一个不是jQuery的文件，看看正在执行什么代码。

这取决于一些事情。 首先，我会在页面源代码中搜索javascript脚本和/或POST，因为它们将执行一个操作（在这种情况下，看起来像是一个POST）。 一旦找到按下按钮时实际执行的请求，您将能够看到哪个页面包含处理 POST 中发送的信息的代码，并可能阅读它。 如果网站作者隐藏了实际处理信息的内容，您将无法读取它，否则，在 chrome 源检查器中，您可以通过单击"源"来读取页面引用的某些脚本。 另外，只是探索。 按控制键，盯着那个页面，直到你理解它。 HTML实际上很酷。 祝你好运。

相关文章：