form-submit - 如何在使用 Chrome Dev Tools 提交表单期间检查标签的值？

Question

在页面的“休眠”状态期间，我可以通过在 Chrome Dev Tools 的控制台选项卡中输入其 id 来检查任何标签的值，例如，对于名称为“BeginDate”的标签:

0) 在控制台选项卡中输入“BeginDate”
1)捣碎 key

...我看到了整个shebang:

<input alt="date-us" data-val="true" data-val-regex="End Date must be in the format &amp;quot;m/d/yyyy&amp;quot;" data-val-regex-pattern="[0-9]*[0-9]/[0-9]*[0-9]/[0-9]{4}" data-val-required="End Date must be in the format &amp;quot;m/d/yyyy&amp;quot;" id="EndDate" name="EndDate" style="width: 164px;" type="text" value="5/14/2013" class="hasDatepicker">

所以它显示的值是今天的日期，这是我感兴趣的部分。

不过，我想要检查的只是按下表单的提交按钮时传递/发布的内容；我相信在 asp.net 中，这将是 Request 对象的内容，但是如何使用 Chrome Dev Tools 查看这些 vals？

我在控制台中右键单击并选择了“Log XMLHTTPRequests”和“Preserve log on navigation”，但是……它们被记录了吗？如果有，他们在哪里？我在控制台选项卡中什么也没看到...

更新

感谢 David Ziemann，这是我所看到的:

Answer 1

网络选项卡将显示任何网络通信。您可以在其中选择请求并查看应包含表单数据的标题。