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

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

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

Google

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

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

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

Также читайте: Как бесплатно скачать встроенные видео с веб-сайтов

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

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

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

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

Сафари:

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

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

сафари

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

передовой

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

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

Также читайте: Как загрузить и установить браузер Safari для Windows 10.

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

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

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

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

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

развивать

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

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

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

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

Гугл Хром:

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

Также читайте: Как просмотреть сохраненные пароли в Chrome

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

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

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

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

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

Посмотреть

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

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

Выберите параметр «Настроить и управлять», чтобы использовать «Проверить элемент» в Chrome.

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

Нажмите сочетание клавиш Command + Option + C, чтобы просмотреть окно «Проверить элемент» в Chrome.

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

новая вкладка

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

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

Mozilla Firefox:

Чтобы использовать инструмент Inspect Element в Firefox, выполните следующие быстрые шаги.

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

Запускаем Firefox, заходим на сайт.

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

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

инструменты

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

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

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

FAQs:

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

поиск по всем файлам

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

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

Вопрос 2. Что такое ярлык для Inspect Element на Mac?

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

  • Safari: Command + Option + I
  • Chrome: Command + Option + C
  • Firefox: Command Option + C

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

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

Вывод

Вот краткое руководство по использованию инструмента Inspect Element в macOS в разных веб-браузерах, включая Safari, Chrome и Firefox.

Как часто вы используете инструмент Inspect Element на Mac и с какой целью? Не стесняйтесь делиться своими мыслями с нашими читателями.

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *