chrome хак

15 ЛАЙФХАКОВ GOOGLE

На данный момент по статистике Google Chrome является одним из наиболее популярных и широко используемых браузеров. Он очень удобен в использовании, функционален и стабилен.

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

Ниже представлены 15 полезных советов по использованию Google Chrome.

1. Просмотр недоступных веб-страниц из кэша Google

Если по каким-то причинам сайт упал или стал недоступным, но к нему все еще нужно получить доступ, можно воспользоваться кэшированной версией сайта, но только в том случае, если сайт вышел в «продакшн» и виден поисковиком Google. Для этого необходимо ввести в адресную строку ссылку и перед ней вставить «cache:», после чего откроется кэшированная версия сайта, если такова существует. Например, cache:https://www.google.com

15 лайфхаков Google Chrome. Просмотр недоступных веб-страниц из кэша Google

2. Воспроизведение медиафайлов в Google Chrome

Медиафайлы с локального диска можно воспроизвести прямо в окне браузера Google Chrome, без необходимости запуска других приложений. Необходимо перетащить музыкальный трек, видеоролик, изображение, текстовый файл или PDF файл в окно браузера и файл автоматически воспроизведется.

3. Использование горячих клавиш

В браузере Google Chrome используется огромное количество комбинаций горячих клавиш, которые экономят время и делают работу продуктивнее. Открывать вкладки и окна, переключаться между ними, переходить по ссылкам – всё это легко и привычно делать с помощью мыши, но гораздо удобнее использовать горячие клавиши Chrome.

Быстрые клавиши для работы с вкладками и окнами:

ДействиеСочетание клавиш
Открыть новое окноCtrl + N
Открыть новое окно в режиме инкогнитоCtrl + Shift + N
Открыть новую вкладку и перейти на нееCtrl + T
Повторно открыть последнюю закрытую вкладку и перейти на нееCtrl + Shift + T
Перейти на следующую открытую вкладкуCtrl + Tab / Ctrl + PgDn
Перейти на предыдущую открытую вкладкуCtrl + Shift + Tab / Ctrl + PgUp
Перейти на определенную вкладкуCtrl + 1 – Ctrl + 8
Перейти на последнюю вкладкуCtrl + 9
Открыть домашнюю страницу в текущей вкладкеAlt + Home
Открыть предыдущую страницу из истории просмотров в текущей вкладкеAlt + Стрелка влево
Открыть следующую страницу из истории просмотров в текущей вкладкеAlt + Стрелка вправо
Закрыть активную вкладкуCtrl + W / Ctrl + F4
Закрыть активное окноCtrl + Shift + W
Уменьшить размер текущего окнаAlt + Пробел + N
Увеличить размер текущего окнаAlt + Пробел + N
Закрыть активное окноAlt + F4
ВыходCtrl + Shift + Q

Быстрые клавиши для вызова функций Google Chrome:

ДействиеСочетание клавиш
Открыть меню ChromeAlt + F или Alt + E или F10 + Enter
Показать/скрыть панель закладокCtrl + Shift + B
Открыть диспетчер закладокCtrl + Shift + O
Открыть историю просмотров в новой вкладкеCtrl + H
Открыть страницу «Скачанные файлы» в новой вкладкеCtrl + J
Открыть диспетчер задач ChromeShift + Esc
Выбрать первый элемент на панели инструментов ChromeShift + Alt + T
Выбрать последний элемент на панели инструментов ChromeF10
Переключиться на новое диалоговое окноF6
Открыть панель поиска, чтобы найти текст на текущей страницеCtrl + F / F3
Перейти к следующему результату поиска на страницеCtrl + G
Перейти к предыдущему результату поиска на страницеCtrl + Shift + G
Открыть инструменты разработчикаCtrl + Shift + J / F12
Открыть окно «Очистить историю»Ctrl + Shift + Delete
Открыть Справочный центр Google Chrome в новой вкладкеF1
Сменить пользователя или перейти в гостевой режимCtrl + Shift + M
Открыть форму обратной связиAlt + Shift + I

4. Ускорение работы браузера, используя встроенный диспетчер задач

Браузер Google Chrome также имеет свой собственный диспетчер задач. Браузер создает отдельный процесс для каждой  вкладки. Диспетчер задач помогает определить количество памяти, выделенной для вкладок. С его помощью можно определить ресурсозатратные вкладки и закрыть их не перезапуская браузер полностью. Для вызова диспетчера задач необходимо открыть меню «Дополнительные инструменты» – «Диспетчер задач» или нажать комбинацию клавиш Shift + Esc.

15 лайфхаков Google Chrome. Ускорение работы браузера, используя встроенный диспетчер задач

5. Печать веб-страниц с помощью Google Виртуального принтера

Веб-страницы можно распечатывать из Chrome на компьютере или мобильном устройстве. С помощью Google Виртуального принтера можно получить доступ к домашним и рабочим принтерам, а также сделать их доступными для других пользователей. У Google Chrome присутствует также встроенный PDF-принтер. Для его вызова на компьютере необходимо открыть страницу сайта, изображение или файл для печати, нажать комбинацию клавиш Ctrl + P (Windows и Linux) или ⌘ + Р (Mac). Чтобы загрузить страницу в виде документа, PDF следует нажать на кнопку «Изменить», выбрать из списка доступных принтеров «Сохранить как PDF», нажать на кнопку «Сохранить».

15 лайфхаков Google Chrome. Печать веб-страниц с помощью Google Виртуального принтера

6. Использование скрытых функций

В браузере Google Chrome есть ряд скрытых функций, которые можно включить либо выключить, но такие настройки не лежат на поверхности. Для того, чтобы получить доступ к скрытым параметрам нужно в адресной строке браузера ввести – chrome://flags.

Наиболее полезные скрытые функции Google Chrome:

  • автоматическая коррекция орфографии (браузер автоматически будет исправлять ошибки в словах, не ожидая пока пользователь нажмет на них и выберет правильный вариант);
  • многоязычная проверка орфографии (проверка орфографии осуществляется сразу на нескольких, указанных пользователем, языках);
  • функция возобновления загрузки (в случае перебоя в сети, процесс загрузки большого файла будет восстановлен с того момента, на котором он был прерван);
  • статус загрузки в Центре уведомлений (данная функция отображает всплывающие уведомления от Chrome на рабочем столе в момент начала новой загрузки и позволяет управлять ими: приостановить, отменить или возобновить загрузку);
  • генератор паролей (Chrome может предложить вам варианты надежных паролей с помощью иконки ключа на регистрационной странице сайта);
  • быстрое закрытие вкладок и окон (данная функция позволяет отсоединить обработчик JavaScript Chrome от графического интерфейса пользователя, что способно повысить скорость закрытия вкладок);
  • автоматическое сохранение паролей (новая функция от Chrome позволяет сохранять вводимые данные аккаунтов автоматически, не отнимая времени на подтверждение);
  • плавная прокрутка (функция плавной прокрутки избавляет от резких скачков при просмотре страниц веб-сайта);
  • редизайн расширений в панели инструментов (помещает значки скрытых расширений в верхней части меню Chrome);
  • подчеркнуть заголовки в раскрывающемся списке omnibox (Google Omnibox будет отображать еще больше поисковых предложений и меньше URL-адресов при вводе);
  • счетчик FPS (дает возможность отслеживания частоты кадров в секунду при включенном аппаратном ускорении);
  • отключение вкладок (полезная функция, которая позволяет существенно сэкономить ОЗУ. Если данный параметр включен, Google Chrome может работать только с одной вкладкой единовременно, при этом можно создавать большое количество вкладок как и ранее. Браузер будет обновлять последний посещенный адрес, переключаясь на новую страницу).
15 лайфхаков Google Chrome. Использование скрытых функций

7. Просмотр списка опрашиваемых DNS

Иногда возникают ситуации, при которых необходимо настроить DNS, используя браузер, а не персональный компьютер, отследить маршрутизацию, выяснить IP-адрес сайтаБраузер Google Chrome имеет свой список опрашиваемых браузером DNS. Для того, чтобы получить доступ к списку опрашиваемых DNS нужно в адресной строке браузера ввести –  chrome://net-internals/#dns/.

8. Просмотр сетевой информации

Обратиться к списку сетевой информации можно перейдя по адресу  chrome://net-internals. Использовать эту страницу можно для получения информации о сетевых событиях, генерируемых браузером. На этой странице также возможен экспорт информации.

9. Получение информации о дисковом пространстве, которое используется браузером

Получить информацию о дисковом пространстве, которое используется браузером, возможно перейдя по адресу chrome://quota-internals.

15 лайфхаков Google Chrome. Получение информации о дисковом пространстве, которое используется браузером

Список всех служебных ссылок Google Chrome можно найти по адресу chrome://chrome-urls/.

10. Просмотр HTML кода и CSS стилей для элемента веб-страницы

Существует несколько способов проинспектировать элемент:

  • нажать правой кнопкой мыши на этот элемент на странице и выбрать пункт меню «Просмотреть код». Это откроет панель меню инструментов разработчика «Elements», где будет выделен необходимый HTML код, а также показаны стили CSS в нижней панели;
  • также можно использовать инструмент «лупу» из меню инструментов разработчика. Для этого необходимо открыть меню «Дополнительные инструменты» – «Инструменты Разработчика» или нажать F12, перейти на вкладку «Elements» и нажать на кнопку «Select an element in the page to inspect it» с изображением квадрата и указателя курсора мышки, которая находится в левом верхнем углу консоли, или воспользоваться сочетанием клавиш Ctrl + Shift + С. После наведении на элемент в окне «Elements» будет отображаться соответствующий элементу код, а после нажатия на элемент этот код будет зафиксирован в окне «Elements».

11. Эмуляция геолокации

Очень часто пользователь сталкивается с ситуацией, когда сайт того или иного сервиса запрашивает информацию о его географических координатах. На их основе сервис предоставляет пользователю актуальные данные. Но бывают ситуации, когда пользователь не хочет показывать свои настоящие координаты или возникает необходимость протестировать сайт или сервис в различных городах/странах. Для этого можно воспользоваться встроенным эмулятором геолокации в Google Chrome. Чтобы получить к нему доступ необходимо открыть меню «Дополнительные инструменты» – «Инструменты Разработчика» или нажать клавишу F12, либо сочетание клавиш Ctrl + Shift + I, далее нажать на три вертикальные точки в правом верхнем углу инструментов разработчика, выбрать меню «More tools» –  «Sensors». В пункте «Geolocation» можно выбрать один из перечисленных городов для эмуляции геолокации либо ввести геоданные вручную. После чего можно закрыть инструменты разработчика, обновить страницу и разрешить сайту получать наши координаты.

Эмуляция геолокации

12. Использование браузера в качестве эмулятора мобильного устройства

Это удобный инструмент для тестирования в различных разрешениях экрана и проверки отображения сайта на мобильных устройствах. Чтобы получить к нему доступ необходимо открыть меню «Дополнительные инструменты» – «Инструменты Разработчика» или нажать клавишу F12, либо сочетание клавиш Ctrl + Shift + I, далее нажать на кнопку «Toggle device Toolbar» либо использовать сочетание клавиш Ctrl + Shift + М. В верхнем меню можно выбрать тип устройства для эмуляции, задать разрешение экрана вручную, сменить ориентацию экрана с вертикальной на горизонтальную и наоборот. Режим эмуляции устройства может использоваться тестировщиками при отсутствии необходимого девайса для тестирования верстки сайта. Но режим устройства дает лишь приблизительное представление о том, как сайт будет выглядеть на мобильном устройстве, поэтому для тестирования функциональной части сайта нужно все же использовать реальное устройство.

Использование браузера в качестве эмулятора мобильного устройства

13. Просмотр на наличие/отсутствие ошибок или предупреждений в коде веб-страницы при выполнении какой-либо операции

Для просмотра на наличие/отсутствие ошибок или предупреждений в коде веб-страницы при выполнении какой либо операции, необходимо открыть меню разработчика, выбрав меню «Дополнительные инструменты» – «Инструменты Разработчика» или нажать клавишу F12, либо сочетание клавиш Ctrl + Shift + I.

Вкладка «Console» – довольно полезная и популярная вкладка среди тестировщиков. Так как на этой вкладке можно увидеть найденные при выполнении скрипта ошибки в коде. Также в данном окне показаны предупреждения и рекомендации. Особенно важно изучать ошибки и предупреждения вкладки «Console», когда выполненная операция не проходит успешно. Все выводимые во вкладке сообщения можно фильтровать.

15 лайфхаков Google Chrome. Просмотр на наличиеотсутствие ошибок или предупреждений в коде веб страницы при выполнении какой-либо операции 1

В ошибке также отображается ее расположение, нажав на расположение откроется вкладка «Sources», где ошибка будет выведена в общей конструкции страницы.

Вкладка "Sources"

14. Просмотр времени выполнения определенных запросов и самих запросов

C помощью вкладки меню разработчика «Network» можно увидеть время выполнения запросов. А также определить, какое количество времени занимает загрузка и обработка определенных ресурсов, чтобы впоследствии знать где и в чем можно оптимизировать страницу.

15. Остановка выполнения JavaScript

Функция остановки выполнения JavaScript полезна, например, для тестирования «hover» состояний, всплывающих подсказок и других промежуточных состояний.

Самый простой способ заключается в следующем: необходимо открыть инструменты разработчика, нажав клавишу F12 или меню «Дополнительные инструменты» – «Инструменты Разработчика», и выбрать вкладку «Sources». После этого выполнить нужное действие и нажать клавишу F8. В остановленном коде можно посмотреть текущие значения переменных, выполнять команды и отлаживать его.

Остановка выполнения JavaScript
0

Автор публикации

не в сети 5 часов

Brama

1 946
Комментарии: 0Публикации: 336Регистрация: 05-12-2019

Оставьте комментарий

Авторизация
*
*



Регистрация
*
*
*
Генерация пароля