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

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

«Теперь мы все подключены к Интернету, как нейроны в гигантском мозге» ~ Стивен Хокинг

Что ж, совершенно верно, не правда ли? Сила Интернета непревзойденна! В сети полно миллионов веб-сайтов и информации. Если вам нужно найти конкретную информацию для исследования, просто просмотреть развлекательные порталы или покопаться в социальных сетях, веб-сайты служат основным источником, который удерживает нас прикованными к вашим гаджетам.

Источник изображения: YouTube

Слышали ли вы о функции «Проверка элемента» при использовании какого-либо веб-сайта? Элемент Inspect больше похож на инструмент браузера, который позволяет просматривать и редактировать сценарии HTML и CSS веб-страницы. Эта функция доступна во всех браузерах, однако имя, присвоенное ей, может быть другим, например, для Chrome — «Режим разработчика», для Safari — «Веб-инспектор», а для Firefox — «Проверка».

В этом посте мы узнаем, как проверять Element на Mac в различных браузерах, включая Safari, Google Chrome и Firefox. И прежде чем мы начнем, давайте кратко разберемся, как использовать инструмент «Проверка элемента» и почему он полезен.

Что такое «Проверка элемента»?

Каждый раз, когда вы щелкаете правой кнопкой мыши на любом веб-сайте вы увидите функцию «Проверить элемент» в контекстном меню. С технической точки зрения инструмент «Проверка элемента» позволяет пользователям просматривать или изменять веб-страницу во внешнем интерфейсе. Инструмент Inspect Element в основном используется разработчиками внешнего интерфейса для экспериментирования с внешним видом определенного веб-сайта, не опасаясь саботировать работающий код. Она используется на этапе «Тестирование» для «проверки» элементов веб-сайта в определенных случаях.

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

Функция проверки элемента встроена в каждый веб-сайт. браузер, включая Safari, Chrome и Firefox. Теперь мы узнаем, как использовать Inspect Element на Mac в каждом веб-браузере.

Safari:

Прежде чем мы начнем, сначала давайте включим функцию «Проверить элемент» на Safari, если он не включен по умолчанию.

Запустите Safari, откройте «Настройки».

Перейдите на вкладку «Дополнительно» и установите флажок. параметр «Показывать меню разработки в строке меню».

Как только вы установите этот флажок, в строку меню будет добавлен новый параметр «Разработка».

Чтобы проверить Element на Mac в браузере Safari, выполните следующие действия:

Вариант 1: С помощью метода щелчка правой кнопкой мыши

Самый быстрый способ использовать инструмент «Проверка элемента» на Mac — метод щелчка правой кнопкой мыши.

Перейдите на веб-страницу, щелкните правой кнопкой мыши. в любом месте пустого пространства выберите «Проверить».

Вариант 2: через меню «Разработка»

Вы также можете использовать функцию «Проверить элемент» с помощью недавно добавлено меню «Разработка».

Зайдите на веб-сайт, коснитесь параметра «Разработка», расположенного в верхней строке меню, а затем выберите «Показать веб-инспектор».

Вариант 3: используйте сочетания клавиш

Третья альтернатива использованию инструмента «Проверка элемента» в macOS — использование сочетаний клавиш.

Просто нажмите комбинацию клавиш Command + Option + I, чтобы проверить элемент веб-страницы.

Google Chrome:

Существует 4 различных способа проверки элемента на Mac в Chrome. браузер.

Вариант 1: метод щелчка правой кнопкой мыши

Запустите браузер Chrome на своем Mac, посетите веб-сайт, на котором вам нужно проверить элементы.

Щелкните правой кнопкой мыши в любом месте и выберите «Проверить».

Вариант 2: через строку меню

Запустите Chrome, нажмите опция «Просмотр», расположенная в верхней строке меню.

Источник изображения: Суперпользователь

Перейдите в Инструменты разработчика> Разработчик> Инструменты разработчика.

Выберите параметр «Настройка и управление», чтобы использовать Inspect Element в Chrome.

Вариант 3: использование сочетаний клавиш

Нажмите кнопку Command + Option + C для просмотра окна «Проверка элемента» в Chrome.

Вариант 4: через настройки

Запустите Google Chrome на macOS, нажмите значок с тремя точками в правом верхнем углу.

Нажмите «Дополнительные инструменты», а затем выберите «Инструменты разработчика».

Mozilla Firefox:

Чтобы использовать инструмент «Проверка элемента» в Firefox, выполните следующие быстрые действия.

Вариант 1: метод щелчка правой кнопкой мыши

Запустите Firefox, посетите веб-сайт.

Нажмите правой кнопкой мыши в любом месте экрана и выберите «Проверить».

Вариант 2: через меню

Запустите Firefox на Mac. Нажмите на опцию «Инструменты», расположенную в верхней строке меню, выберите «Веб-разработчик». Нажмите «Проверить».

Вариант 3: Горячие клавиши

Ярлык для включения Inspect Element на Mac в браузере Firefox можно вызвать, нажав команду Command. + Комбинация клавиш Option + C.

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

Вопрос 1. Как ты o Я открываю элемент проверки на Mac?

Источник изображения: Zapier

Один из самых быстрых способов открыть инструмент «Проверка элемента» на Mac — щелкнуть правой кнопкой мыши веб-сайт и выбрать опцию «Проверить» в меню. контекстное меню.

Q.2. Какой ярлык для Inspect Element на Mac?

Комбинации клавиш для использования Inspect Element различны в каждом браузере:

Q.3. Как открыть Inspect Element в Chrome на Mac?

Чтобы использовать Inspect Element в Google Chrome, вы можете нажать комбинацию клавиш Command + Option + C. Кроме того, вы также можете щелкнуть правой кнопкой мыши в любом месте экрана и выбрать «Проверить», чтобы открыть окно «Проверить элемент».

Заключительное слово о том, как проверить элемент на Mac

Вот краткое руководство по использованию инструмент «Проверка элемента» в macOS в различных веб-браузерах, включая Safari, Chrome и Firefox. Следите за нами в социальных сетях – . Как часто вы используете инструмент «Проверка элемента» на Mac и для чего и с какой целью? Не стесняйтесь поделиться своими мыслями с нашими читателями.

Читать: 0

yodax