• Напишите нам
  • trade@apple5.ru
  • +7 (926) 3001569
+7(495)018-07-07 +7(926)3001569 Перезвоните мне
с 11:00 до 19:00
0 Избранное
Ваш список Избранного пуст.
Вы можете добавлять товары из Каталога после авторизации.
    0 Сравнение
    Ваш список сравнения пуст.
    Вы можете добавлять товары из Каталога и сравнивать их между собой.
      0 Корзина
      Корзина покупок пуста.
      Вы можете выбрать товар из Каталога.
      Корзина покупок пуста.
      Вы можете выбрать товар из Каталога.
      Каталог товаров

      Каталог

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

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

      Snimok ekrana 2023 10 27 v 15.55.10
      Содержание
      1. Шаг 1: Включение меню разработчика в Safari
      2. Шаг 2: Просмотр исходного кода страницы
      3. Альтернативные способы

      Шаг 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
      К другим статьям