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

12 回答

• -4

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

  回复于 2024-05-04T17:24:33+08:00
• 10

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

  • 使用键盘快捷键

  • 在Windows和Linux上：Ctrl Shift J.

  • 在Mac上：Cmd选项J.

  • 选择Chrome菜单图标，菜单 - >更多工具 - > JavaScript控制台 . 或者，如果Chrome开发者工具已经打开，请选择“控制台”标签 .

  请参考here

  回复于 2024-05-04T17:24:33+08:00
• 6

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

  

  回复于 2024-05-04T17:24:33+08:00
• 2

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

  对于那个按F12 - >源选项卡 - （右侧） - >文件系统 - 请选择您的代码位置 . 然后Chrome浏览器会询问您的权限，之后该代码将沉入绿色 . 并且您可以修改您的代码，它也会反映您的代码位置（这意味着它将永久更改）

  谢谢

  回复于 2024-05-04T17:24:33+08:00
• 52

  Windows：CTRL-SHIFT-J或F12

  Mac：⌥-⌘-J

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

  

  回复于 2024-05-04T17:24:33+08:00
• 5

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

  debugger;
  

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

  回复于 2024-05-04T17:24:33+08:00
• 1

  Windows和Linux：

  按Ctrl Shift I键打开开发人员工具

  按Ctrl Shift J打开开发人员工具并将焦点带到控制台 .

  按Ctrl Shift C切换Inspect Element模式 .

  苹果电脑：

  ⌥⌘我键可以打开开发人员工具

  ⌥对J打开开发人员工具并将焦点带到控制台 .

  ⌥⌘C切换Inspect Element模式 .

  Source

  Other shortcuts

  回复于 2024-05-04T17:24:33+08:00
• 302

  按Chrome浏览器中的F12功能键启动JavaScript调试器，然后单击"Scripts" .

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

  回复于 2024-05-04T17:24:33+08:00
• 2

  Ctrl Shift J打开开发人员工具 .

  回复于 2024-05-04T17:24:33+08:00
• 1

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

  回复于 2024-05-04T17:24:33+08:00
• 378

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

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

  回复于 2024-05-04T17:24:33+08:00
• 13

  Shift Control我打开Developer工具窗口 . 从左下角的第二张图片（如下所示）将为您打开/隐藏控制台：

  

  回复于 2024-05-04T17:24:33+08:00