Некоторые рекомендации по использованию консоли (Console):
- Изучение работы сайта в режиме реального времени. 1 На вкладке Console можно увидеть данные об ошибках на сайте, ознакомиться с выполняемым в данный момент JavaScript-кодом, ввести свои команды и наблюдать за откликом системы или её модулей, настроить фильтры на отображаемые сведения, искать информацию по тегу, фразе или слову. 1
- Поиск шрифтов и стилей. 1 Эта возможность пригодится, если нужно отредактировать страницу через CMS. 1 Для поиска нужно нажать одновременно Ctrl + F, чтобы запустить поисковую строку, вписать нужный элемент и нажать на «Enter». 1
- Скачивание изображений. 1 Для этого нужно кликнуть правой кнопкой на картинку, а левой — на «Посмотреть код» (или «Посмотреть код элемента») в открывшемся меню. 1 В окне со строкой, выделенной серым оттенком, будет располагаться ссылка на изображение. 1 По ней нужно кликнуть, картинка откроется в соседней вкладке — перейти в неё и сохранить файл стандартным способом, используя правую кнопку мыши. 1
- Отображение сайта на разных экранах. 1 Чтобы переключить страницу на мобильную версию, нужно открыть консоль и вверху, рядом с вкладкой Elements, кликнуть на иконку в виде большого и маленького экранов смартфона. 1 В верхнем меню окна кликнуть на «Responsive» (или «Dimention: Responsive») и в выпадающем меню выбрать нужную модель мобильного устройства. 1
- Работа с cookies. 1 Чтобы очистить cookies, нужно открыть консоль, затем — «Application», зайти в «Cookies». 1 Выбрать нужный сайт, затем кликнуть по нему правой кнопкой и запустить опцию «Clear». 1 Закрыть консоль и обновить страницу. 1
Алгоритм запуска консоли в разных браузерах может отличаться. 1 Например, в Chrome её можно открыть через клавишу F12, а в Safari на устройствах Mac — через комбинацию клавиш «Cmd+Opt+C». 3