• Напишите нам
  • trade@apple5.ru
  • +7 (926) 243-39-17
+7(495)018-07-07 +7(926)243-39-17 Перезвоните мне
с 11:00 до 19:00
0 Избранное
0 Сравнение
0 Корзина

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

Браузер 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 — отличный способ для разработчиков и любопытных пользователей изучить устройство веб-страниц, понять, как устроены сайты, и даже помочь в обучении веб-разработке. Напоминаем, что изменения, сделанные через инструменты разработчика, являются только локальными и не влияют на фактический сайт.

05.03.2024
К другим статьям