Как проверить элемент на Mac

Что нужно знать

• В Safari: щелкните правой кнопкой мыши веб-страницу и выберите « Проверить элемент» .
• В Chrome вы можете щелкнуть правой кнопкой мыши и выбрать «Проверить» .
• Чтобы включить эту функцию в Safari: Safari > « Настройки » > « Дополнительно » > установите флажок « Показать меню «Разработка» в строке меню ».

В этой статье вы узнаете, как проверить элемент веб-сайта на Mac. В нем показано, как это сделать с помощью Safari и Google Chrome.

Как вы используете функцию проверки элемента на Mac?

Перед проверкой элементов на Mac при использовании Safari необходимо включить меню разработчика в браузере. Вот посмотрите, как его включить и что делать, чтобы проверить элемент.

Если вы видите пункт «Разработка» между закладками и окном, это означает, что меню разработчика уже включено, и вы можете перейти к шагу 4.

Использование функции проверки элемента в Safari

Вот как использовать Inspect Element в Safari, браузере по умолчанию на компьютерах Mac.

1. В Safari нажмите «Safari » > «Настройки ».

   

2. Нажмите «Дополнительно» .

   

3. Нажмите Показать меню «Разработка» в строке меню, затем закройте окно.

   

4. При просмотре веб-сайта щелкните правой кнопкой мыши элемент, который хотите проверить.

5. Щелкните Проверить элемент .

   

6. Теперь вы можете просмотреть код проверенного веб-сайта.

   

Использование функции проверки элементов в Chrome на Mac

Если вы используете Chrome вместо Safari на своем Mac, просматривать элемент будет еще проще, так как нет необходимости включать эту функцию. Вот что делать.

1. В Chrome перейдите на веб-сайт.

2. Щелкните правой кнопкой мыши элемент, который вы хотите проверить.

3. Нажмите «Проверить» .

   

4. Теперь вы можете просмотреть код в боковом окне Chrome.

   

Почему я не могу проверить на своем Mac?

Возможно, вы не сможете проверить элемент на своем Mac, если не включили меню «Разработчик» в Safari. Вот напоминание о том, как это сделать.

1. В Safari нажмите «Safari » > «Настройки ».

   

2. Нажмите «Дополнительно» .

   

3. Нажмите Показать меню «Разработка» в строке меню, затем закройте окно.

   

Как внести изменения на сайт, проверив элемент

Помимо просмотра кода на веб-сайте, также можно временно изменить любой элемент веб-сайта с помощью Inspect Element. Вот как это сделать через Safari.

Процесс очень похож на другие браузеры.

1. При просмотре веб-сайта щелкните правой кнопкой мыши элемент, который хотите проверить.

2. Щелкните Проверить элемент .

3. Дважды щелкните текст в коде, чтобы сделать его редактируемым.

4. Удалите его или введите новую строку текста.

5. Нажмите «Ввод».

6. Код был временно изменен только для вашей выгоды.

Почему вы хотите использовать функцию проверки элемента?

Возможность проверить элемент полезна по многим причинам.

• Менять код на лету . Дизайнеры веб-сайтов могут временно изменять элементы на веб-сайте, чтобы увидеть, как эти изменения повлияют на вещи.
• Чтобы проверить код . И дизайнеры, и специалисты по маркетингу могут проверить код, чтобы убедиться, что там есть такие вещи, как данные Google Analytics.
• Просмотр изображений отдельно от сайта . Если сайт не позволяет открывать изображение в новой вкладке или окне, просмотр элемента делает это возможным.
• Тинкер . Просмотр кода веб-страницы может помочь вам понять, что вы видите, сняв тайну того, что и почему происходит с сайтом, на котором вы находитесь. Это как разобрать прибор, чтобы посмотреть, как он работает, но в этом случае нельзя терять винты.

Часто задаваемые вопросы

• Законна ли проверка сайта?Да. Однако, если вы планируете использовать какой-либо код или ресурсы с веб-сайта, обязательно проконсультируйтесь с владельцем и добавьте примечание об авторских правах.
• Как скопировать HTML с веб-сайта с элементом проверки?В Chrome щелкните правой кнопкой мыши страницу и выберите Inspect , затем перейдите в верхний раздел и щелкните правой кнопкой мыши тег (например, ). Выберите « Копировать » > «Копировать externalHTML» , затем вставьте код в текстовый или HTML-файл.
• Могу ли я скопировать CSS с веб-сайта с элементом проверки?Да. Щелкните правой кнопкой мыши элемент, который хотите скопировать, и выберите Inspect . Щелкните правой кнопкой мыши выделенный код и выберите « Копировать » > « Копировать стили ».
• Как просмотреть сохраненные пароли с помощью элемента проверки?Чтобы открыть скрытые пароли, щелкните правой кнопкой мыши текстовое поле пароля и выберите « Проверить ». В выделенном разделе найдите type=»password» и замените пароль текстом . Есть более простые способы показать все ваши пароли в Chrome.