Как да проверите елемент на Mac във всеки браузър

Някога любопитни ли сте за изходния код на уеб страница? Почти всеки уеб браузър, включително собственият браузър на вашия Mac, има функция, която ви позволява да го разглеждате - нарича се Inspect Element.

Не само можете да видите HTML, CSS и JavaScript кода на уеб страницата с Inspect Element, но можете също да го промените. Това позволява на разработчиците да тестват уеб страници и уеб приложения с функцията, но потребителите могат също да я използват, за да променят шрифтове в личните си браузъри.

Вижте стъпките по-долу, за да научите как да използвате Inspect Element във всеки браузър на вашия Mac и започнете да променяте кода.

Как да проверите елемент в Safari и други браузъри на Mac

Използването на функцията Inspect Element е еднакво във всички уеб браузъри, налични за macOS. Можете да го активирате само с няколко щраквания. Изключение от това е Safari, който изисква Inspect Element да бъде активиран, преди да може да се използва. Очертахме как да го активирате в отделен раздел по-долу.

Но за да използвате Inspect Element в любимия си Mac браузър като цяло (или след като е активиран):

1. Отворете желания браузър и навигирайте до уеб страница, която искате да проверите.
2. контрол-щракнете (щракнете с десен бутон) където и да е на уеб страницата и изберете Инспектирайте или Инспектирай елемента от контекстното меню. Можете също да използвате клавишната комбинация Cmd + Shift + C.
3. Инструментът Inspector ще се отвори и ще се появи изходният код за уеб страницата. Прочетете или направете промени в кода, както искате; например можете редактирайте уеб страници в Safari с помощта на Inspect Element, за да работите с текст и изображения.
4. За да затворите инструмента за инспектор, щракнете върху х бутон.

Как да активирате Inspect Element в Safari

За да активирате функцията Inspect Element в Safari на вашия Mac, трябва да активирате менюто Develop. Да го направя:

1. Отворете Safari, отидете на Safari > Настройки от лентата с менюта или натиснете Cmd +, на вашата клавиатура.
2. Насочете се към Разширено раздел.
3. Проверете Показване на менюто Разработване в лентата с менюта кутия.

Менюто Develop вече трябва да се показва в горното меню, когато използвате Safari, и трябва да имате достъп до Inspect Element на вашия Mac от контекстното меню!

Кога да използвате Inspect Element във вашия браузър

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

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

Inspect Element променя само нещата на вашия Mac и конкретния браузър, който използвате. Така че, използвайте го всеки път, когато искате бърза промяна на уебсайт, който да отговаря на вашите предпочитания.

Инспектирайте елемент: Функция за подобряване на потребителското изживяване

Знаейки как да използвате Inspect Element на вашия Mac, можете да направите използването на уеб страници по-рационализирано и приятно. Може да предложи бързи корекции на проблеми с форматирането и да позволи на разработчиците да коригират грешки.

Надяваме се, че нашето ръководство ще ви помогне да използвате функцията, така че следващия път, когато имате проблеми с уеб страница в Safari или друг браузър, да знаете, че имате решение!