Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Google Chrome中启动JavaScript调试器?_Javascript_Google Chrome_Debugging_Google Chrome Devtools - Fatal编程技术网

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

如何在Google Chrome中启动JavaScript调试器?,javascript,google-chrome,debugging,google-chrome-devtools,Javascript,Google Chrome,Debugging,Google Chrome Devtools,当使用Google Chrome时,我想调试一些JavaScript代码。我如何才能做到这一点?尝试将此添加到您的源: debugger; 即使不是所有浏览器,它也适用于大多数浏览器。只要把它放在代码中的某个地方,它就会像断点一样工作。Windows:CTRL-SHIFT-J或F12 Mac:⌥-⌘-J 也可通过扳手菜单(工具>JavaScript控制台)获得: Ctrl+Shift+J打开开发者工具。在Mac上的Chrome 8.0.552中,你可以在菜单视图/Developer/JavaS

当使用Google Chrome时,我想调试一些JavaScript代码。我如何才能做到这一点?

尝试将此添加到您的源:

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

Windows:CTRL-SHIFT-J或F12

Mac:⌥-⌘-J

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


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

在Mac上的Chrome 8.0.552中,你可以在菜单视图/Developer/JavaScript控制台下找到这个。。。或者您可以使用Alt+CMD+J.

Windows和Linux:

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

Ctrl+Shift+J打开开发者工具并将焦点转移到控制台

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

Mac:

⌥ + ⌘ + 我需要打开开发人员工具的密钥

⌥ + ⌘ + J打开开发人员工具并将重点放在控制台上

⌥ + ⌘ + C切换检查元素模式


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

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

按Chrome浏览器中的F12功能键启动JavaScript调试器,然后单击“脚本”


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

从Chrome中的控制台,您可以执行
console.log(显示数据)
对于Mac用户,请转到Google Chrome-->菜单视图-->开发者-->JavaScript控制台


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

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

请参考

现在google chrome推出了新功能。通过使用此功能,您可以在chrome browse中编辑代码。(代码位置的永久更改)

为此,请按F12-->源选项卡--(右侧)-->文件系统,在其中选择代码的位置。然后是chrome浏览器 将请求您的许可,然后代码将以绿色显示。您可以修改您的代码,它也会反映在您的代码位置上(这意味着它将永久更改)


谢谢

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

chrome://inspect

F12 打开“开发人员”面板

CTRL+SHIFT+C 将打开“悬停以检查”工具,在悬停时将高亮显示图元,您可以单击以在“图元”选项卡中显示该工具

CTRL+SHIFT+I 打开带有控制台选项卡的开发人员面板

右键单击>检查 右键单击任意元素,然后单击“检查”以在“开发人员”面板的“元素”选项卡中选择它

ESC
如果右键单击并检查element或类似项,并在“Elements”选项卡中查看DOM,则可以按ESC键上下切换控制台,这可能是同时使用两者的好方法。

这些是您看到的工具

F12


我认为,对于Mac电脑,快捷键已改为CTRL-SHIFT-J或Cmd-SHIFT-J。上帝,我爱这个标签。太糟糕了,我不能在评论中使用它。在最新的Chrome版本中,Mac的快捷方式似乎实际上是
Alt-Cmd-J
。看看这个问题,我明白了我的javascript技能从新手水平提高到相当不错的标准在Mac上,切换inspect元素模式的shorcut是shift⌘ C(Shift-Command-C)F12似乎无法在我的Windows 7系统上使用Chrome 23.0.1246.0 dev-m打开调试器。对于F12,它也适用于IE、FF和Edge。不需要像组合键那样学习Emacs。除了Mac。请参阅Webmasters.SEYou可能也会发现这一点很有用:如果您忘记了这个命令,很难找到它的名称!谷歌也很难做到这一点,因为这并不总是可行的。这方面有限制吗?你需要打开Chrome开发者工具才能工作(在Windwos/Linux上点击F12,不知道Mac上的键,或者只是检查一个元素)。如果您打开了开发人员工具,另一个奇妙之处是,您可以单击并按住“刷新”按钮来清除缓存。@CallumRogers仅当您的用户在打开开发人员工具的情况下使用您的站点时才可用。@JoshM。请注意,将此保留在生产代码中是非常糟糕的,因为它会导致IE的某些版本出现问题,即使对于没有打开开发工具的用户也是如此。这将不会打开控制台。这将只记录到控制台。