如何在 Google Chrome 中启动 JavaScript 调试器?
-
09-06-2019 - |
题
使用 Google Chrome 时,我想调试一些 JavaScript 代码。我怎样才能做到这一点?
解决方案
视窗: 控制键-转移-J 或 F12
苹果: ⌥-⌘-J
也可以通过扳手菜单(工具 > JavaScript 控制台)使用:
其他提示
尝试将其添加到您的源中:
debugger;
它适用于大多数(如果不是所有)浏览器。只需将它放在代码中的某个位置,它就会充当断点。
按 F12 Chrome 浏览器中的功能键启动 JavaScript 调试器,然后单击“脚本”。
选择顶部的 JavaScript 文件并将断点放置到 JavaScript 代码的调试器上。
控制键 + 转移 + J 打开开发人员工具。
在 Mac 上的 Chrome 8.0.552 中,您可以在菜单下找到它 看法/开发商/JavaScript 控制台 ...或者你可以使用 替代+指令管理系统+J.
在这里,您可以找到访问开发人员工具的快捷方式。
要打开专用的“控制台”面板,请执行以下任一操作:
- 使用键盘快捷键
- 在 Windows 和 Linux 上: 控制键 + 转移 + J
- 在苹果机上: 命令 + 选项 + J
- 选择 Chrome 菜单图标,菜单 -> 更多工具 -> JavaScript 控制台. 。或者如果 Chrome 开发者工具已经打开,
press
“控制台”选项卡。
请参考 这里
对于 Mac 用户,请转至 Google Chrome --> 菜单 看法 --> 开发商 --> JavaScript 控制台.
现在谷歌浏览器推出了新功能。通过使用此功能,您可以在 Chrome 浏览器中编辑代码。(代码位置永久更改)
为此,请按 F12 --> 源选项卡 --(右侧)--> 文件系统 - 请在其中选择代码位置。然后,Chrome浏览器将询问您的权限,此后,该代码将以绿色为由。您可以修改您的代码,它也会反映您的代码位置(这意味着它将永久更改)
谢谢
我发现访问 javascript 调试器的最有效方法是运行以下命令:
chrome://inspect
从 Chrome 的控制台中,您可以执行以下操作 console.log(data_to_be_displayed)
.