对于Mac用户，请到谷歌Chrome—>菜单视图—>开发者—> JavaScript控制台。

在Chrome浏览器中按F12功能键启动JavaScript调试器，然后点击“脚本”。

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

在Mac上的Chrome 8.0.552中，你可以在视图/开发人员/JavaScript控制台菜单下找到这个…或者你可以使用Alt+CMD+J。

打开专用的“控制台”面板:

使用快捷键 Windows和Linux操作系统:Ctrl + Shift + J 在Mac上:Cmd + Option + J 选择Chrome菜单图标，菜单->更多工具-> JavaScript控制台。或者如果Chrome开发者工具已经打开，按下“控制台”选项卡。

请参考此处

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

debugger;

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

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

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

谢谢