Наиболее частая причина, по которой пользователи хотят открыть консоль своего браузера, - это выявление проблем с редактированием страниц, неисправных элементов интерфейса, некорректных блоков и других типов ошибок и конфликтов JavaScripts. Однако в каждом браузере есть свои ярлыки и шаги, которые в конечном итоге позволят вам открыть консоль и увидеть внутреннюю часть веб-страницы, которую вы посещаете.
Как открыть консоль в браузере по умолчанию
Поскольку существует всего четыре различных браузера с долей рынка более 5% (Chrome, Safari, Edge и Firefox), мы покажем вам несколько способов открытия консоли на каждом из них. Но имейте в виду, что в каждом браузере элементы и ошибки обычно имеют различную цветовую кодировку и маркировку.
Как открыть консоль в Google Chrome
В Chrome есть три различных способа открыть встроенную консоль.
Независимо от сборки Chrome, которую вы используете, вы можете использовать один из следующих ярлыков, чтобы открывать и закрывать встроенную консоль:
- F12
- Ctrl + Shift + J (Cmd + Option + J на Mac)
Имейте в виду, что те же ярлыки можно использовать для скрытия консоли. По умолчанию консоль Google Chrome занимает ровно половину экрана, но вы можете легко настроить соотношение с помощью ползунка посередине, и браузер запомнит изменение при следующем открытии консоли.
Если вы хотите сосредоточиться на определенном элементе, вы можете просто выделить его с помощью мыши, а затем щелкнуть по нему правой кнопкой мыши> Осмотреть. Это откроет Элементы вкладка и Стили вкладка консоли, позволяющая сосредоточиться на рассматриваемом элементе.
Проверка элемента с помощью консоли Google Chrome
Однако вы также можете получить доступ к консоли через меню графического интерфейса Google Chrome. Для этого просто нажмите кнопку действия в правом верхнем углу и перейдите в Дополнительные инструменты> Инструменты разработчика .
Инструменты разработчика
Если вы хотите работать максимально эффективно, вот список Ярлыки консоли Chrome что вы можете использовать.
Как открыть консоль в Google Microsoft Edge
Как и любой другой браузер, Microsoft Edge также есть инструмент Console, предназначенный для разработчиков, выполняющих интерактивную отладку или специальное тестирование.
Этот инструмент регистрирует информацию, связанную с посещаемой веб-страницей. Вы найдете информацию, связанную с Javascript, сетевыми запросами и ошибки безопасности .
Самый простой способ открыть Console Tool в Microsoft Edge - использовать предопределенный ярлык ( Клавиша F12 ).
Но вы также можете сделать это через меню графического интерфейса, нажав на кнопка действия (верхний левый угол)> Дополнительные инструменты> Инструменты разработчика .
Открытие инструментов разработчика в Edge через меню графического интерфейса
Как и в других браузерах, Microsoft Edge также позволяет проверять определенные элементы с помощью встроенной консоли. Для этого просто выберите и щелкните элемент правой кнопкой мыши и выберите Осмотрите элемент.
Проверка элемента в Microsoft Edge
Вот список с некоторыми полезными ярлыками, которые вы можете использовать во встроенной консоли Microsoft Edge:
Запуск консоли в режиме фокусировки | Ctrl + сдвиг + J |
Переход на консоль | Ctrl + 2 |
Показать или скрыть консоль на другой вкладке DevTools | Ctrl + `` (обратная галочка) |
Выполнить (однострочная команда) | Войти |
Разрыв строки без выполнения (многострочная команда) | сдвиг + Войти или же Ctrl + Войти |
Очистить Консоль от всех сообщений | Ctrl + L |
Фильтрация журналов (установите фокус на поле поиска) | Ctrl + F |
Принять предложение автозаполнения (когда в фокусе) | Войти или же Вкладка |
Предыдущее / следующее предложение автозаполнения | Клавиша со стрелкой вверх / Клавиша со стрелкой вниз |
Как открыть консоль в Mozilla Firefox
Встроенная консоль в Mozilla Firefox работает немного иначе, чем другие аналоги, которые мы уже анализировали. Я имею в виду, что он автоматически откроется в отдельном окне, а не разделит экран вашего браузера пополам.
Это позволяет более продуктивно работать с людьми со вторыми экранами, но может мешать пользователям, которым необходимо работать с одним маленьким экраном. (Если вы участвуете в этом сценарии, вы можете использовать сочетание клавиш Alt + Tab для переключения между Firefox и связанной консолью браузера.
Чтобы открыть встроенную консоль браузера в Mozilla Firefox, у вас есть три варианта:
- Вы можете использовать универсальный ярлык - Ctrl + Shift + J (или же Cmd + Shift + J на Mac)
- Вы можете открыть его из меню действий - щелкнув меню действий> Веб-разработчик> Консоль браузера .
Доступ к консоли браузера
- Или вы можете принудительно открыть консоль браузера напрямую, запустив Firefox из командной строки и передав аргумент ‘-jsconsole’:
/Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole
Заметка: Firefox также включает Веб-консоль , которая очень похожа на консоль браузера, но применяется к отдельной вкладке содержания, а не ко всему браузеру.
Как открыть консоль в Google Safari
В отличие от других браузеров, которые мы рассматривали до сих пор, консоль ошибок в Safari по умолчанию отключена. По этой причине вам нужно будет сделать дополнительный шаг, чтобы включить его в своем браузере.
Для этого откройте Safari и нажмите Предпочтения таб. Как только вы окажетесь внутри Предпочтения перейдите на вкладку Дополнительно и установите флажок, связанный с Показать Разработать меню в строке меню.
Включение консоли в Safari
Теперь, когда вы сделали консоль видимой, вы можете открыть ее, открыв Разработать вкладка вверху и нажав на Показать консоль ошибок .
Показать консоль ошибок в Safari
Имейте в виду, что Сафари имеет динамический способ отображения консоли ошибок. Если при открытии консоли окно маленькое, вы увидите его в совершенно другом окне.
Если вы хотите открыть консоль в том же окне, что и ваша страница, вам необходимо убедиться, что окно браузера полноразмерно, прежде чем открывать консоль ошибок.
Открытие консоли ошибок в Safari
Теги Windows 4 минуты на чтение