你如何在Google Chrome中启动JavaScript调试器?

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

    Windows: CTRLSHIFTJ或F12

    Mac: J

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

    JavaScript控制台菜单

    尝试添加到您的来源:

     debugger; 

    它适用于大多数,即使不是所有的浏览器。 只要把它放在你的代码的某个地方,它就像一个断点一样。

    Windows和Linux:

    按Ctrl + Shift + I键打开开发者工具

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

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

    苹果电脑:

    + + I键打开开发者工具

    + + J打开开发工具并将焦点带入控制台。

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

    资源

    其他快捷方式

    在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

    Shift + Control + 打开了开发工具窗口。 从左下角的第二个图像(如下图所示)将为您打开/隐藏控制台:

    Show Console

    要打开专用的“控制台”面板,可以:

    • 使用键盘快捷键
      • 在Windows和Linux上: Ctrl + Shift + J
      • 在Mac上: Cmd + Option + J
    • 选择Chrome浏览器菜单图标,然后选择菜单 – > 更多工具 – > JavaScript控制台 。 或者,如果Chrome开发者工具已经打开,请press “控制台”标签。

    请参阅这里

    对于Mac用户,请转到Google Chrome – >菜单视图 – > 开发者 – > JavaScript控制台

    截图

    从Chrome中的控制台,你可以做console.log(data_to_be_displayed)