Как открыть консоль JavaScript в разных браузерах?

78

Веб-браузеры предоставляют консоль JavaScript как часть инструментов разработчика. Эта консоль полезна по следующим причинам:

  • Ошибки и предупреждения, которые появляются на веб-странице, регистрируются в консоли.
  • Команды JavaScript для взаимодействия с веб-страницей могут быть выполнены в консоли.

Каковы сочетания клавиш для открытия консоли в разных браузерах?

Šime Vidas
источник
Я пошел и сделал tinyurl, который ссылается здесь, так что, если вам нужно дать указание аудитории различных пользователей браузера, чтобы открыть их консоль javascript ... tinyurl.com/jscons
MalcolmOcean

Ответы:

65

Хром

Открытие панели «Консоль» Chrome DevTools :

  • Windows и Linux: Ctrl+ Shift+J

  • Mac OS: Cmd+ Opt+J

Примечание. В дополнение к панели «Консоль» также имеется меньшая выдвижная консоль, которую можно переключать, Escкогда активна любая из других панелей.

Полная документация


Fire Fox

Открытие панели «Консоль» в инструментах разработчика Firefox :

  • Windows: Ctrl+ Shift+K

  • Mac OS: Cmd+ Opt+K

Примечание. В дополнение к панели «Консоль» также имеется меньшая выдвижная консоль, которую можно переключать, Escкогда активна любая из других панелей.

Полная документация


Internet Explorer

Открытие панели «Консоль» в инструментах разработчика Internet Explorer F12 :

  • F12, затем нажмите на вкладку «Консоль»

Примечание. В дополнение к панели «Консоль» также имеется меньшая выдвижная консоль, которую можно переключать с помощью Ctrl+, `когда активна любая из других панелей.

Полная документация


Сафари

Примечание. Чтобы просмотреть консоль в Safari, необходимо включить параметр «Показать меню разработки в строке меню» на панели «Дополнительно» в настройках Safari ( снимок экрана ).

Открытие панели «Консоль» в веб-инспекторе Safari :

  • Cmd+ Opt+C

Примечание. В дополнение к панели «Консоль» также имеется меньшая выдвижная консоль, которую можно переключать, Escкогда активна любая из других панелей.

Полная документация


опера

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

Полная документация

Šime Vidas
источник
1
В Firefox его можно открыть в отдельном окне (и быть глобальным - не только для текущей вкладки) с помощью меню ИнструментыВеб-разработчикКонсоль браузера .
Питер Мортенсен
F12 работает во многих браузерах.
Альваро Гонсалес
11

Чтобы косвенно добраться до консоли в Opera (проверено на v9.6), используется сочетание клавиш Ctrl+ Shift+, iа в Safari 5 (в Windows) - Ctrl+ Alt+i

Я хотел бы, чтобы все производители браузеров могли объединиться для стандартизации сочетаний клавиш .

Обновление. Похоже, что вкладка REPL на вкладке «Сценарии» в Opera Dragonfly в Opera 11 аналогична опции консоли, которая была доступна в предыдущих версиях Opera.

Я не нашел много документации по REPL после беглого поиска, за исключением этой статьи, которая имеет косвенную ссылку.

Я попробовал эту команду в REPL с открытой домашней страницей Google, и она выполнилась нормально, т.е. она скрыла логотип Google - document.getElementById ('logo'). Style.visibility = 'hidden';

mvark
источник
CTRL + SHIFT + Я открою инструменты разработчика в Opera. Но где консоль JavaScript? Где я могу ввести код JavaScript и выполнить его?
Шиме Видас
CTRL + ALT + I ничего не делает в моем Safari 5 на Windows 7. Можете ли вы подтвердить, что он работает?
Шиме Видас
Это может быть связано с тем, что у вас не включена опция меню «Разработка». Чтобы активировать эту опцию, перейдите в «Правка»> «Настройки» и на вкладке «Дополнительно» включите опцию «Показать меню разработки в строке меню».
mvark
Это была моя проблема. Глупо Apple отключает функции разработчика по умолчанию. :)Благодарю.
Шиме Видас
Да, это так. Я упустил из виду вкладку REPL внизу LOL
Шиме Видас