Top.Mail.Ru
Как в Сафари посмотреть код страницы
Заказать звонок

Как в Сафари посмотреть код страницы

Браузер Safari от Apple известен своей скоростью и эффективностью. Однако не все знают, что в нём есть удобные функции для веб-разработчиков и любознательных пользователей, включая просмотр исходного кода веб-страниц. В этой статье мы расскажем, как легко и быстро в Сафари открыть код страницы и получить доступ к HTML, CSS и JavaScript любой страницы через Safari на Mac.

Snimok ekrana 2023 10 27 v 15.55.10

Шаг 1: Включение меню разработчика в Safari

Перед тем как начать, нужно активировать меню «Разработка». Для этого:

  1. Запустите Safari.
  2. В верхнем меню выберите «Safari» > «Настройки».
  3. Перейдите на вкладку «Дополнительно».
  4. В нижней части окна поставьте галочку напротив «Показывать функции для веб-разработчиков».
Snimok ekrana 2023 10 27 v 15.53.06

Шаг 2: Просмотр исходного кода страницы

Теперь, когда у вас есть доступ к меню разработчика:

  1. Откройте интересующую вас веб-страницу.
  2. В строке меню выберите Нажмите на «Показать программный код страницы» или используйте сочетание клавиш ⌥⌘U.
Snimok ekrana 2023 10 27 v 15.58.42

В открывшемся окне перед вами будет полный исходный код страницы. Вы сможете увидеть структуру HTML, стили CSS и скрипты JavaScript.

Snimok ekrana 2023 10 27 v 15.55.10

Альтернативные способы

Кроме того, вы можете кликнуть правой кнопкой мыши по любому элементу на странице и выбрать «Проверить элемент». Это откроет инструменты разработчика сразу в контексте выбранного элемента, позволяя анализировать и модифицировать HTML и CSS в реальном времени.

Snimok ekrana 2023 10 27 v 15.58.29

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

Вернуться к списку публикаций

Заявка

Я ознакомлен и согласен с условиями оферты и политики конфиденциальности.

Заказ в один клик

Я ознакомлен и согласен с условиями оферты и политики конфиденциальности.