chrome javascript debugger：如何输入值并看到它？

Question

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

但是当我使用“ctrl + r”运行调试器时，网页变为非活动状态，因此我无法进入。

我该怎么做？

Answer 1

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

要激活chrome中的控制台窗口，这里有几个选项

1. 按 F12
2. 右键单击您的页面，然后选择Inspect选项
3. 按ctrl + shift + i

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



一旦你在这里，你就可以编写你的Javscript / Jquery（如果已加载库）并调试这些值。



调试函数或事件处理程序 在要调试的任何行中添加此关键字debugger;，然后打开开发人员窗口，然后执行将触发函数执行的活​​动，Sources窗口将停在正确的行它会点击debugger;，然后您可以使用F10，F11等密钥进行调试。

寻找这些选项

Answer 2

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

对于调试，您需要从两个选项中选择一个：

1）在您的代码中插入“debbuger;”在你想要停在那里的行

2）使用chrome开发者工具

设置断点

为您附加链接，以帮助您完成所有这些：

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