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

Ако приемем, че искате съвети за използването на функцията Inspect Element в браузъра Google Chrome: Щракнете с десния бутон върху елемента, който искате да проверите, и изберете „Проверка“ от падащото меню. Можете също да използвате клавишната комбинация Ctrl+Shift+I (Windows) или Cmd+Opt+I (Mac), за да отворите инспектора. След като отворите инспектора, ще видите HTML за страницата отляво и CSS отдясно. Можете да правите промени в HTML и CSS в инспектора и да видите как тези промени влизат в сила на страницата веднага. За да излезете от инспектора, просто щракнете върху X в горния десен ъгъл.

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

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

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

изтриване на потребителски профил Windows 10

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

2] Вземете HEX/RGB цветен код в Chrome

Windows Vista тема за Windows 7

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

БАКШИШ : Разгледайте тези Онлайн инструменти за избор на цвят Един и същ.

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

facebook поздравления

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

4] Тествайте отзивчивостта

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

деактивирайте защитеното зареждане на Windows 10

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

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

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