Chrome 开发者控制台问题

Posted 2023-03-07

【中文标题】Chrome 开发者控制台问题

【英文标题】：Chrome Developer Console question

【发布时间】：2011-10-07 05:56:07

【问题描述】：

我正在尝试在我的网站上测试一个生成随机整数的功能。我想知道是否可以使用 chrome 开发人员控制台通过代码触发按钮事件，而无需实际按下页面上的按钮。是否可以发送与用户放入我的文本框中的值不同的值。假设用户将他的名字放在“Tom”中，有没有办法通过控制台中的代码触发按钮事件以及更改用户输入以进行测试。

【参考方案1】：

您可以（几乎）在控制台中运行您想要的任何 javascript 代码，它将在页面上下文中执行。例如，要模拟单击按钮，您可以键入并运行：

document.getElementsByTagName("button")[0].click()

这将单击页面上找到的第一个按钮。您显然可以通过这种方式更改任何字段中的任何值，但我不完全理解您希望如何做到这一点 - 您想绕过用户，但用户不会坐在 Chrome 前面，您的控制台是“要使用吗？

【讨论】：

好吧，我实际上在做的是以下事情，我在我正在做什么的背景下问了这个问题，看看我是否能弄清楚。我正在制作一部电影，我想使用这个网站link 来生成数字 95，所以我想我可以用控制台做到这一点，但我不知道怎么做。我想捕获从该页面到随机页面的屏幕。这是没有编辑或剪辑电影。我想正确的措辞是我如何“破解”该网站，以便即使我生成一个从 1 到 100 的数字，它也将始终返回 95。

@Tom, Ok... 在结果页面中，如果您运行 document.getElementsByClassName("data")[0].innerText = "95"（这将使 95 成为唯一的结果 - 您当然可以添加更多数字，将 95 添加到随机列表或任何）。现在，这将要求您在页面加载后运行命令，这可能是您的场景中的一个问题。如果你真的想这样做，你可以在页面显示之前将 JS 加载到页面中，方法是编写一个专用的Chrome Extension。