繁体   English   中英

chrome JavaScript调试器:如何输入值并查看?

[英]chrome javascript debugger: how to enter value and see it?

我有一个带有输入框的html。 我想使用键盘在输入框中输入一些文本,在调试器中,我想查看输入框的值。

但是,当我使用“ ctrl + r”运行调试器时,网页变得不活动,因此无法进入。

我怎样才能做到这一点?

要进行调试,您需要使用浏览器的“ Console窗口。

要激活Chrome中的控制台窗口,以下是一些选项

  1. F12
  2. 右键单击页面,然后选择“ Inspect选项
  3. ctrl + shift + i

您将获得一个开发者窗口,在这里选择控制台选项卡。

在此处输入图片说明

来到这里后,您可以编写Javscript / Jquery(如果已加载库)并调试值。

在此处输入图片说明

要调试函数或事件处理程序,请添加此关键字debugger; 在要调试的任何行中,然后打开开发人员窗口,然后执行将触发函数执行的活​​动,“ Sources窗口将立即停在debugger;所在的行debugger; 从那里您可以使用F10F11等键进行调试。

寻找这些选择

在此处输入图片说明

ctrl + r用于刷新页面,而不是调试器。

要进行调试,您需要选择两个选项之一:

1)在您的代码中插入“调试器”; 在你想停在那里的那一行

2)使用chrome开发人员工具设置断点

为您附加链接,它将帮助您完成所有操作:

https://developers.google.com/web/tools/chrome-devtools/?utm_source=dcc&utm_medium=redirect&utm_campaign=2016q3

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM