Съвети за използването на Inspect елемента на браузъра Google Chrome

Съдържание:

Съвети за използването на Inspect елемента на браузъра Google Chrome
Съвети за използването на Inspect елемента на браузъра Google Chrome

Видео: Съвети за използването на Inspect елемента на браузъра Google Chrome

Видео: Съвети за използването на Inspect елемента на браузъра Google Chrome
Видео: REAL MORTAL KOMBAT - IT's HALLOWEEN! (MKX vs Pennywise The Dancing Clown Parody) - YouTube 2024, Може
Anonim

Google Chrome е създаден не само за обикновени потребители на интернет, но и за уеб програмисти, които често създават уебсайт, проектират блогове и т.н. Инспектирай елемента или Огледайте опцията на Google Chrome помага на потребителите да намерят информация за уебсайт, който е скрит от изгледа. Ето някои съвети за използването на браузъра Inspect Element на Google Chrome за Windows PC.

Проверете елемента на Google Chrome

1] Намерете скрити JavaScript / медия файлове

Image
Image

Много уебсайтове показват изскачащи прозорци, ако посетителят остане на уеб страницата за повече от 15 или 20 секунди. Или, много пъти изображение, реклама или икона се отваря, след като кликнете някъде произволно. За да намерите тези скрити файлове на уеб страница, можете да се възползвате от Източници раздела "Проверка на елемента". Показва списък от дървовидни изгледи от лявата страна, който може да бъде разгледан.

2] Направете код за цвят HEX / RGB в Chrome

Image
Image

Понякога може да ни хареса цвят и може да искаме да разберем цвета му. Можете лесно да намерите кода на цветовете HEX или RGB, който се използва на конкретна уеб страница, като използвате опцията за роден език в Google Chrome. Кликнете с десния бутон върху цвета и кликнете върху него Огледайте, В повечето случаи ще получите цветен код от дясната страна с други CSS. Ако не го виждате, добре, може да се наложи да използвате някои свободен софтуер за избор на цвят.

БАКШИШ: Обърнете внимание и на тези инструменти за избор на цвят Color Picker.

3] Получете съвети за подобряване на ефективността на уеб страниците

Image
Image

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

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

Image
Image

Осъществяването на отзивчивост на уеб страницата е от решаващо значение в днешно време. Има много инструменти, които могат да проверят дали сайтът Ви е напълно отзивчив или не. Този инструмент на Google Chrome обаче помага на потребителите да разберат дали сайтът е отзивчив или не, както и да провери как ще изглежда за конкретно мобилно устройство. Отворете всеки уебсайт, Инспектирай елемента кликнете върху Подвижен , задайте разделителната способност или изберете желаното устройство, за да тествате уеб страницата.

5] Редактиране на уебсайта на живо

Да приемем, че създавате уеб страница, но сте объркани за цветовата схема или размера на навигационното меню или съдържанието или коефициента на страничната лента. Можете да редактирате уебсайта си на живо с помощта на опцията Inspect Element на Google Chrome. Въпреки че не можете да запазите промените на уебсайта на живо, можете да извършите цялата редакция, така че да можете да го използвате по-нататък. За да направите това, отворете Inspect Element, изберете квадратчето от лявата страна и направете промени в стила в дясната страна. Ако направите някаква промяна в CSS, можете да кликнете върху връзката към файла, да копирате целия код и да го поставите в оригиналния файл.
Да приемем, че създавате уеб страница, но сте объркани за цветовата схема или размера на навигационното меню или съдържанието или коефициента на страничната лента. Можете да редактирате уебсайта си на живо с помощта на опцията Inspect Element на Google Chrome. Въпреки че не можете да запазите промените на уебсайта на живо, можете да извършите цялата редакция, така че да можете да го използвате по-нататък. За да направите това, отворете Inspect Element, изберете квадратчето от лявата страна и направете промени в стила в дясната страна. Ако направите някаква промяна в CSS, можете да кликнете върху връзката към файла, да копирате целия код и да го поставите в оригиналния файл.

Проверка Елемент на Google Chrome е истински спътник на всеки уеб програмист. Няма значение дали разработвате уебсайт с една страница или динамичен сайт, със сигурност можете да използвате тези съвети.

Препоръчано: