Советы по использованию элемента проверки браузера Google Chrome

Google Chrome предназначен не только для обычных интернет-пользователей, но и для веб-разработчиков, которые часто создают веб-сайт, блоги дизайна и т. Д. Элемент проверки или Осмотреть вариант Google Chrome помогает пользователям найти некоторую информацию о веб-сайте, который скрыт от просмотра. Вот несколько советов по использованию элемента «Проверка» браузера Google Chrome для ПК с ОС Windows.

Осмотреть элемент Google Chrome

1] Найти скрытые файлы JavaScript / мультимедиа

На многих веб-сайтах отображаются всплывающие окна, если посетитель остается в Интернете страницы более 15 или 20 секунд. Или, много раз изображение, объявление или значок, открывается после щелчка где-то случайно. Чтобы найти эти скрытые файлы веб-страницы, вы можете использовать вкладку Источники элемента Inspect. Он отображает список в виде дерева в левой части, который можно изучить.

2] Получить код цвета HEX / RGB в Chrome

Иногда нам может понравиться цвет и может захотеть узнать его цветовой код. Вы можете легко найти цветовой код HEX или RGB, используемый на определенной веб-странице, используя собственный вариант в Google Chrome. Щелкните правой кнопкой мыши по цвету и нажмите Осмотреть . В большинстве случаев вы получите код цвета с правой стороны с другим CSS. Если вы этого не видите, то вам, возможно, придется использовать некоторое бесплатное программное обеспечение для выбора цвета.

TIP : Посмотрите также на онлайн-инструменты Color Picker.

3] Получите советы по улучшению производительности веб-страницы

Каждый любит приземляться на быстро открывающемся веб-сайте. Если вы разрабатываете свой веб-сайт, вы всегда должны помнить об этом. Существует множество инструментов для проверки и оптимизации скорости загрузки страницы. Однако Google Chrome также оснащен встроенным инструментом, который позволяет пользователям получать советы по повышению скорости загрузки веб-сайта. Для доступа к этим инструментам перейдите на вкладку Аудит и убедитесь, что Сетевое использование , Производительность веб-страницы и Обновить страницу и аудит при загрузке . Затем нажмите кнопку Выполнить . Он перезагрузит страницу и покажет вам некоторую информацию, которая может быть использована для ускорения работы страницы. Например, вы можете получить все ресурсы, у которых нет истечения срока действия кеша, JavaScript, который можно объединить в один файл, и т. Д.

4] Проверить отзывчивость

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

5] Редактировать веб-сайт в реальном времени

Предположим, что вы создаете веб-страницу, но вы путаетесь с цветом схемы или размера меню навигации или содержимого или боковой панели. Вы можете редактировать свой веб-сайт в реальном времени с помощью параметра «Элемент« Проверка »в Google Chrome. Хотя вы не можете сохранить изменения на живом веб-сайте, вы можете выполнить все редактирование, чтобы вы могли использовать его дальше. Для этого откройте элемент Inspect Element, выберите свойство HTML с левой стороны и сделайте изменения стиля в правой части. Если вы внесете какие-либо изменения в CSS, вы можете щелкнуть ссылку на файл, скопировать весь код и вставить его в исходный файл.

Осмотреть Элемент Google Chrome - настоящий компаньон каждого веб-разработчика. Неважно, разрабатываете ли вы сайт на одной странице или динамичный веб-сайт, вы можете использовать эти советы.