如何在 Chrome 浏览器控制台中提交带有输入值的表单？答案

【问题标题】：How can I submit a form with input values in Chrome browser console?如何在 Chrome 浏览器控制台中提交带有输入值的表单？
【发布时间】：2016-09-02 03:26:51
【问题描述】：

我正在尝试通过运行以下代码在 Chrome 的开发者控制台中手动提交表单：

$('form').submit();

如何在这段代码中指定表单的输入值？我知道输入的 id/name。

【问题讨论】：

该方法将在form块内提交带有name标签的表单元素的所有值。

标签： javascript jquery forms google-chrome google-chrome-devtools

【解决方案1】：

document.querySelector('input[name="theNameOfYourInput"]').value = 'theValue';
document.querySelector('form').submit();

Chrome 控制台对 jQuery 一无所知。使用原版 JS。

【讨论】：

像魅力一样工作
它确实知道jQ id 它包含在webpage中
我很确定 Chrome 是第一个引入“安全”功能的浏览器，您无法从控制台或用户脚本中访问页面变量/功能。有一个 way 可以在控制台中运行 jQuery，但在这种情况下我看不出它的原因。
您可以从控制台中的页面访问任何全局范围的对象/函数。当您使用调试器暂停时，您也可以访问本地范围的。
@VictorP。在浏览器中，您在全局范围内定义的任何内容（即在函数之外）都将添加到 window 对象中。在控制台中，您可以访问该对象上的任何内容。如果您在函数中使用调试器并暂停执行，您将拥有一个调用堆栈和局部变量面板。您可以导航到控制台并访问当前范围内的任何内容。至于用户脚本，我可以访问分配给window 的对象。