如何在不同的浏览器中打开JavaScript控制台?


78

Web浏览器提供了一个JavaScript控制台作为其开发人员工具的一部分。由于以下原因,此控制台很有用:

  • 网页上发生的错误和警告将记录到控制台中。
  • 可以在控制台中执行用于与网页交互的JavaScript命令。

在不同的浏览器中打开控制台的键盘快捷方式是什么?


我去了一个链接在这里的tinyurl,因此,如果您需要指示各种各样的浏览器用户打开他们的javascript控制台,则... tinyurl.com/jscons
MalcolmOcean 2016年

Answers:


65

打开Chrome的DevTools的“控制台”面板:

  • Windows和Linux:Ctrl+ Shift+J

  • Mac OS:Cmd+ Opt+J

注意:除了“控制台”面板外,还有一个较小的滑盖控制台,可以Esc在其他任何面板处于活动状态时通过进行切换。

完整文件


火狐浏览器

在Firefox的开发人员工具中打开“控制台”面板:

  • Windows:Ctrl+ Shift+K

  • Mac OS:Cmd+ Opt+K

注意:除了“控制台”面板外,还有一个较小的滑盖控制台,可以Esc在其他任何面板处于活动状态时通过进行切换。

完整文件


IE浏览器

在Internet Explorer的F12开发人员工具中打开“控制台”面板:

  • F12,然后点击“控制台”标签

注意:除了“控制台”面板外,还有一个较小的滑盖控制台,可以在其他任何面板处于活动状态时通过Ctrl+ 进行切换`

完整文件


苹果浏览器

注意:为了在Safari中查看控制台,您必须在Safari偏好设置(屏幕截图)的“高级”窗格中启用“在菜单栏中显示开发菜单”设置。

在Safari的Web检查器中打开“控制台”面板:

  • Cmd+ Opt+C

注意:除了“控制台”面板外,还有一个较小的滑盖控制台,可以Esc在其他任何面板处于活动状态时通过进行切换。

完整文件


歌剧

  • Windows和Linux:Ctrl+ Shift+I
  • Mac:+ +I

完整文件


1
在Firefox中,可通过菜单工具Web开发人员浏览器控制台在一个单独的窗口中打开它(并且是全局的-不仅仅对于当前选项卡)。
Peter Mortensen

F12可在许多浏览器中使用。
阿尔瓦罗·冈萨雷斯

11

间接访问Opera中的控制台(已在v9.6上选中),快捷键为Ctrl+ Shift+,i而在Safari 5(在Windows上)为Ctrl+ Alt+i

我希望所有浏览器制造商都可以聚在一起,以标准化键盘快捷键

更新:在Opera 11的Opera Dragonfly中,“脚本”选项卡下的“ REPL”选项卡似乎与早期Opera版本中的“控制台”选项相似。

经过粗略的搜索后,我没有找到关于REPL的大量文档,除了这篇文章具有间接参考。

我在REPL中尝试了此命令,同时打开了Google主页,并且执行得很好,即它隐藏了Google徽标-document.getElementById('logo')。style.visibility ='hidden';


CTRL + SHIFT +我将在Opera中打开开发工具。但是JavaScript控制台在哪里?在哪里可以输入JavaScript代码并执行它?
森那维达斯

CTRL + ALT +在Windows 7上的Safari 5中我什么也不做。您能确认它可以正常工作吗?
森那维达斯

那可能是因为您没有启用“开发”菜单选项。要激活此选项,请转到“编辑”>“首选项”,并在“高级”选项卡中启用“在菜单栏中显示开发菜单”复选框。
mvark

那是我的问题。愚蠢的苹果默认情况下禁用开发人员功能。:)谢谢。
森那维达斯

是的,就是这样。我忽略了REPL标签底部LOL
森那维达斯
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.