Windows和Linux:

Ctrl + Shift + I键打开开发人员工具

Ctrl + Shift + J打开开发人员工具，并将焦点转移到控制台。

Ctrl + Shift + C切换检查元素模式。

Mac:

打开“开发人员工具”的“+⌘+ I”键

打开“开发人员工具”并将焦点转移到控制台。

“+⌘+ C”切换“Inspect Element”模式。

源

其他快捷键

在这里，您可以找到访问开发人员工具的快捷方式。

https://developer.chrome.com/devtools/docs/shortcuts

试着把这个添加到你的源代码中:

debugger;

它可以在大多数浏览器中运行，如果不是所有浏览器的话。只要把它放在代码中的某个地方，它就像一个断点。

现在谷歌chrome引入了新功能。通过使用此功能，您可以在chrome浏览器中编辑您的代码。(永久更改代码位置)

按F12—>源标签—(右侧)—>文件系统—在其中请选择您的代码位置。然后是chrome浏览器 将请求您的许可，之后代码将下沉与绿色。你可以修改你的代码，它也会反映你的代码位置(这意味着它将永久改变)

谢谢

Windows和Linux:

Ctrl + Shift + I键打开开发人员工具

Ctrl + Shift + J打开开发人员工具，并将焦点转移到控制台。

Ctrl + Shift + C切换检查元素模式。

Mac:

打开“开发人员工具”的“+⌘+ I”键

打开“开发人员工具”并将焦点转移到控制台。

“+⌘+ C”切换“Inspect Element”模式。

源

其他快捷键

在Chrome的控制台，您可以执行console.log(data_to_be_displays)。