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

Хром

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

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

1] Поиск скрытых файлов JavaScript/мультимедиа

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

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

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

СОВЕТ . Ознакомьтесь также с этими онлайн-инструментами Color Picker.

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

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

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

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

5] Изменить живой сайт

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

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

Оцените статью
TechArks.Ru
Добавить комментарий