form-submit - 如何在使用 Chrome 开发工具提交表单期间检查标签的值？

Question

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

0) 在控制台选项卡中输入“BeginDate” 1) 混合密钥

......我看到了整个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 开发工具查看这些 val？

我在控制台中右键单击并选择了“记录 XMLHTTPRequests”和“在导航时保留日志”但是......它们被记录了吗？如果有，他们在哪里？我在控制台选项卡中看不到任何内容...

更新

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

Answer 1

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