TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як переглянути вихідний код веб -сторінок у Safari iPhone на Mac?

45

На настільних комп’ютерах можна перевірити вихідний код веб -сайтів за допомогою консолі розробника у веб -переглядачах. Це дуже просте завдання під час використання браузера Google Chrome як на MacBook, так і на ПК з ОС Windows. Однак перегляд вихідного коду є тривалим процесом під час використання браузера Safari на MacBook. І це своєрідна прихована функція Safari на вашому iPhone. Якщо вам коли -небудь цікаво подивитися на вихідний код веб -сторінок у Safari на вашому iPhone, ось як це можна зробити.

Чи можу я переглянути вихідний код веб -сторінок у Safari iPhone?

Відповідь – ні. Ви не можете переглядати вихідний код веб -сторінок безпосередньо на своєму iPhone. Також не має сенсу проводити такий аналіз з пристроями з невеликим екраном. Однак Apple дозволяє переглядати вихідний код веб -сторінок для мобільних пристроїв та виконувати всі дії, пов’язані з Консоллю розробника, з вашого Mac.

Що тобі потрібно?

Вам потрібні наступні речі, щоб переглянути вихідний код веб -сторінок iPhone Safari на вашому Mac?

  • Ваш iPhone з останньою версією iOS
  • Роз’ємний кабель блискавки
  • Ваш комп’ютер або ноутбук Mac

Як переглянути вихідний код веб -сторінок у Safari iPhone?

Виконайте наведені нижче кроки, щоб переглянути вихідний код веб -сторінок у Safari iPhone на вашому Mac.

  • Додайте меню «Розробка» в Mac Safari
  • Увімкніть "Веб -інспектор" у Safari iPhone
  • Підключіть iPhone до Mac
  • Переглянути джерело та перевірити елементи

Крок 1 – Додайте меню розробки в Safari Mac

Браузер Safari на Mac за замовчуванням не відображає консоль розробника та параметр огляду елемента. Вам потрібно вручну ввімкнути меню «Розробка», щоб увімкнути консоль розробника в Safari.

  • Запустіть Safari і перейдіть до розділу «Safari> Налаштування …».
  • Перейдіть на вкладку «Додатково» та ввімкніть опцію «Показати меню розробки на панелі меню».

Як переглянути вихідний код веб -сторінок у Safari iPhone на Mac?

Показати меню «Розробка» в рядку меню Safari

Дізнайтесь більше про те, як додати меню «Розробка» в Safari та проведіть перевірку чуйності веб -сайту.

Крок 2 – Увімкніть веб -інспектор у Safari iPhone

Подібно до ввімкнення меню «Розробка» на Safari Mac, вам також потрібна опція «Веб -інспектор» у Safari iPhone.

  • Натисніть на додаток «Налаштування» та перейдіть на сторінку налаштувань «Safari» на своєму iPhone.
  • Прокрутіть униз донизу та торкніться опції «Додатково».
  • На наступному екрані ви можете ввімкнути опцію «Веб -інспектор».

Як переглянути вихідний код веб -сторінок у Safari iPhone на Mac?

Увімкніть веб -інспектор у Safari iPhone

Крок 3 – Підключіть iPhone до Mac

Тепер, коли ви налаштували iPhone та Mac. Наступним кроком є ​​підключення iPhone до Mac. Якщо у вас моделі iPhone 11 або печінки, підключіть телефон до Mac за допомогою кабелю блискавки USB. Однак останні моделі iPhone 11 Pro поставляються з роз’ємом USB Type-C замість кабелю USB-роз’єму блискавки. У такому випадку ви можете використовувати старі USB-кабелі або потребувати додаткового перетворювача для підключення кабелю Type-C до порту USB MacBook.

Якщо ви під’єднуєте iPhone вперше, виберіть «Довіряти» пристрою, ввівши свій пароль.

Як переглянути вихідний код веб -сторінок у Safari iPhone на Mac?

Довіряйте Mac

Крок 4 – Перегляд вихідного коду

Запустіть браузер Safari на iPhone та відкрийте веб -сайт, на якому потрібно переглянути вихідний код та перевірити елементи.

  • Перейдіть на свій Mac і запустіть браузер Safari. Перейдіть до «Розробка> Ваше ім’я iPhone», щоб переглянути веб -сторінки, які ви відкрили на своєму телефоні.

Як переглянути вихідний код веб -сторінок у Safari iPhone на Mac?

Відкрийте веб -сторінку iPhone у веб -інспекторі Safari

  • Натисніть на веб -сайт, щоб відкрити «Веб -інспектор», який покаже вихідний код веб -сторінки, відкритої в iPhone Safari.

Як переглянути вихідний код веб -сторінок у Safari iPhone на Mac?

Веб -інспектор Safari на Mac

  • Ви можете переглядати елементи, перевіряти джерела та робити всі види аналізу, які ви можете робити за допомогою Інструментів розробника Chrome.
  • Ви можете вибрати елементи у веб -інспекторі для перегляду вихідного коду, і відповідний елемент буде виділено на вашому Safari iPhone.

Як переглянути вихідний код веб -сторінок у Safari iPhone на Mac?

Виділення елементів веб -сторінки в iPhone Safari

Заключні слова

Зауважте, що ви також можете проаналізувати адаптивний сайт на Safari Mac. Однак вибір відповідних елементів для мобільних пристроїв може бути складним у режимі адаптивного дизайну, і Mac може не використовувати ваші моделі iPhone за замовчуванням. Тому використання Web Inspector для перевірки елементів є ефективним методом безпосередньо для отримання вихідного коду відповідного елемента.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі