使用 Google Chrome 时,我想调试一些 JavaScript 代码。我怎样才能做到这一点?
15 回答
尝试将此添加到您的源:
debugger;
它适用于大多数(如果不是所有)浏览器。只需将它放在代码中的某个位置,它就会像断点一样。
窗户:CTRL- SHIFT-J或 F12
苹果电脑:⌥</kbd>-⌘</kbd>-J
也可通过扳手菜单(工具 > JavaScript 控制台)获得:
Windows 和 Linux:
Ctrl++Shift键I打开开发者工具
Ctrl++Shift打开J开发者工具并将焦点转移到控制台。
Ctrl++Shift切换C检查元素模式。
苹果电脑:
⌥</kbd> + ⌘</kbd> + I keys to open Developer Tools
⌥</kbd> + ⌘</kbd> + J to open Developer Tools and bring focus to the Console.
⌥</kbd> + ⌘</kbd> + C to toggle Inspect Element mode.
在 Chrome 浏览器中按F12功能键以启动 JavaScript 调试器,然后单击“脚本”。
选择顶部的 JavaScript 文件并将断点放置到 JavaScript 代码的调试器。
Ctrl++Shift打开J开发者工具。
在 Mac 上的 Chrome 8.0.552 中,您可以在菜单View / Developer / JavaScript Console ...下找到它,或者您可以使用Alt++ 。CMDJ
在这里,您可以找到访问开发者工具的快捷方式。
要打开专用的“控制台”面板,请执行以下任一操作:
- 使用键盘快捷键
- 在 Windows 和 Linux 上:Ctrl++ShiftJ
- 在 Mac 上:Cmd+ Option+J
- 选择 Chrome 菜单图标,menu -> More Tools -> JavaScript Console。或者,如果 Chrome 开发者工具已经打开,
press
“控制台”标签。
请参考这里
对于 Mac 用户,请转到 Google Chrome --> menu View --> Developer --> JavaScript Console。
现在谷歌浏览器已经引入了新功能。通过使用此功能,您可以在 chrome 浏览器中编辑您的代码。(代码位置永久更改)
为此,请按 F12 --> 源选项卡 --(右侧) --> 文件系统 - 请选择您的代码位置。然后 chrome 浏览器会询问你的权限,之后代码会变成绿色。并且您可以修改您的代码,它也会反映您的代码位置(这意味着它将永久更改)
谢谢
我发现访问 javascript 调试器的最有效方法是运行以下命令:
chrome://inspect
F12 打开开发者面板
CTRL + SHIFT + C 将打开悬停检查工具,在您悬停时突出显示元素,您可以单击以在元素选项卡中显示它。
CTRL + SHIFT + I 打开带有控制台选项卡的开发者面板
右键单击 > 检查 右键单击任何元素,然后单击“检查”以在开发人员面板的元素选项卡中选择它。
ESC 如果您右键单击并检查元素或类似元素并最终在“元素”选项卡中查看 DOM,您可以按ESC上下切换控制台,这可能是同时使用两者的好方法。
在 Chrome 的控制台中,您可以执行console.log(data_to_be_displayed)
.