如何在Google Chrome中启动JavaScript调试程序？

使用谷歌浏览器时，我想调试一些JavaScript代码。 我怎样才能做到这一点？

---

尝试将此添加到您的来源：

它适用于大多数(如果不是全部)浏览器。只需将它放在代码中的某个位置，它就像一个断点。

---

Windows：CTRL-SHIFT-J或F12

Mac：？-？-J

也可以通过扳手菜单(工具> JavaScript控制台)获得：

---

Windows和Linux：

Ctrl + Shift + I用于打开开发者工具的键

Ctrl + Shift + J用于打开开发人员工具并将焦点带到控制台。

Ctrl + Shift + C to toggle Inspect Element mode。

苹果电脑：

？ + ？ + I用于打开开发者工具的键

？ + ？ + J打开开发人员工具并将焦点带到控制台。

？ + ？ + C to toggle Inspect Element mode。

资源

其他快捷方式

---

按Chrome浏览器中的F12功能键以启动JavaScript调试器，然后单击"脚本"。

选择顶部的JavaScript文件，并将断点放在JavaScript代码的调试器中。

---

Ctrl + Shift + J打开开发人员工具。

---

在Mac上的Chrome 8.0.552中，您可以在菜单View / Developer / JavaScript Console下找到它...或者您可以使用Alt + CMD + J。

---

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

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

---

要打开专用的"控制台"面板，请执行以下操作：

• 使用键盘快捷键
  • 在Windows和Linux上：Ctrl + Shift + J
  • 在Mac上：Cmd + Option + J
• 选择Chrome菜单图标，菜单 - >更多工具 - > JavaScript控制台。或者，如果Chrome开发者工具已经打开，press"控制台"标签。

请参考这里

---

Shift + Control + I打开Developer工具窗口。从左下角的第二张图片(如下所示)将为您打开/隐藏控制台：

---

现在谷歌Chrome已经推出了新功能。使用此功能您可以在chrome浏览中编辑代码。 (代码位置永久更改)

对于那个按F12 - >源选项卡 - (右侧) - >文件系统 - 请选择您的代码位置。然后是chrome浏览器
会问你许可，之后代码会沉没绿色。你可以修改你的代码，它也会反映你的代码位置(这意味着它会永久改变)

谢谢

---

对于Mac用户，请转到Google Chrome - >菜单视图 - >开发人员 - > JavaScript控制台。

---

我发现访问javascript调试器的最有效方法是运行以下命令：

chrome://inspect

---

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

---