如何使用Chrome开发工具在提交表单期间检查标记的值?

B. *_*non 5 forms form-submit google-chrome-devtools

在页面处于"休眠"状态期间,我可以通过在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">
Run Code Online (Sandbox Code Playgroud)

因此,它显示的价值是我感兴趣的部分,是今天的日期.

但是,我想要检查的是在按下表单的"提交"按钮时传递/发布的内容; 我相信在asp.net中,这将是Request对象的内容,但是如何使用Chrome Dev Tools查看这些val?

我右键单击在控制台中选择了"日志的XMLHttpRequest"和"保存日志在导航"可是......他们是登录?如果是这样,他们在哪里?我在Console选项卡中看不到任何内容......

UPDATE

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

在此输入图像描述

Dav*_*ann 8

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

这提供了有关正在发送的内容的更多信息

  • 此外,还有一个"保存登录导航"选项(Chrome v32),在查看页面流时或者您的页面使用重定向时非常有用,因为它保留了完整的请求历史记录. (4认同)