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

javascript google-chrome debugging google-chrome-devtools

555888 观看

13回复

25632 作者的声誉

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

作者: Kevin Driedger 的来源 发布者: 2008 年 9 月 15 日

回应 (13)


379

9074 作者的声誉

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

debugger;

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

作者: Omer van Kloeten 发布者: 15.09.2008 08:08

302

64167 作者的声誉

决定

Windows:CTRL- SHIFT- J或F12

Mac:- -J

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

JavaScript控制台菜单

作者: John Sheehan 发布者: 15.09.2008 08:08

10

729 作者的声誉

Ctrl+ Shift+ J打开开发者工具。

作者: Senyai 发布者: 27.02.2010 10:16

6

333 作者的声誉

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

作者: Primc 发布者: 03.12.2010 12:22

53

531 作者的声誉

Windows和Linux:

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

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

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

苹果电脑:

+ + I键打开开发人员工具

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

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

资源

其他快捷方式

作者: user629309 发布者: 24.02.2011 12:12

5

664 作者的声誉

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

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

作者: hernanvicente 发布者: 24.04.2011 03:47

2

336 作者的声誉

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

显示控制台

作者: Premanshu 发布者: 15.11.2011 12:16

13

301 作者的声誉

F12Chrome浏览器中的功能键以启动JavaScript调试器,然后单击“脚本”。

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

作者: Balachandar P 发布者: 05.04.2012 07:28

-4

320 作者的声誉

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

作者: anand 发布者: 16.04.2013 01:19

1

24 作者的声誉

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

截图

作者: Neo123 发布者: 28.01.2015 11:01

2

1322 作者的声誉

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

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

请参考这里

作者: Venkat 发布者: 27.10.2015 11:09

1

212 作者的声誉

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

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

谢谢

作者: stackinfostack 发布者: 26.01.2018 11:35

0

1840 作者的声誉

我发现访问javascript调试器的最有效方法是运行以下命令:

chrome://inspect

作者: Nestor Urquiza 发布者: 21.02.2019 02:27
32x32