Как да използвате Web Inspector на iPhone: 15 стъпки (със снимки)

Съдържание:

Как да използвате Web Inspector на iPhone: 15 стъпки (със снимки)
Как да използвате Web Inspector на iPhone: 15 стъпки (със снимки)

Видео: Как да използвате Web Inspector на iPhone: 15 стъпки (със снимки)

Видео: Как да използвате Web Inspector на iPhone: 15 стъпки (със снимки)
Видео: How to move from Android to iPhone | Apple Support 2024, Април
Anonim

Това wikiHow ви учи как да използвате настолното приложение Safari на Apple за проверка на ефективността на мобилните уеб страници в Safari за iPhone.

Стъпки

Част 1 от 3: Активиране на уеб инспектора на вашия iPhone

Използвайте Web Inspector на iPhone Стъпка 1
Използвайте Web Inspector на iPhone Стъпка 1

Стъпка 1. Отворете настройките на вашия iPhone

Това е сива икона, съдържаща зъбни колела на началния ви екран.

Използвайте Web Inspector на iPhone Стъпка 2
Използвайте Web Inspector на iPhone Стъпка 2

Стъпка 2. Превъртете надолу и докоснете Safari

Той е в четвъртата или петата група настройки, заедно с други приложения на Apple iPhone, като поща и контакти.

Използвайте Web Inspector на iPhone Стъпка 3
Използвайте Web Inspector на iPhone Стъпка 3

Стъпка 3. Превъртете надолу и докоснете Разширени

Намира се в долната част на менюто.

Използвайте Web Inspector на iPhone Стъпка 4
Използвайте Web Inspector на iPhone Стъпка 4

Стъпка 4. Плъзнете бутона до „Web Inspector“в позиция „On“

Това е последната опция и ще стане зелена, когато е активирана.

Част 2 от 3: Активиране на уеб инспектора на вашия Mac

Използвайте Web Inspector на iPhone Стъпка 5
Използвайте Web Inspector на iPhone Стъпка 5

Стъпка 1. Отворете Safari на вашия Mac

Това е приложението, което прилича на син компас.

Използвайте Web Inspector на iPhone Стъпка 6
Използвайте Web Inspector на iPhone Стъпка 6

Стъпка 2. Щракнете върху Safari

Намира се в лентата с менюта в горния ляв ъгъл на екрана.

Използвайте Web Inspector на iPhone Стъпка 7
Използвайте Web Inspector на iPhone Стъпка 7

Стъпка 3. Щракнете върху Предпочитания

Използвайте Web Inspector на iPhone Стъпка 8
Използвайте Web Inspector на iPhone Стъпка 8

Стъпка 4. Кликнете върху ⚙️Напреден

Това е най -десният раздел в горната част на прозореца.

Използвайте Web Inspector на iPhone Стъпка 9
Използвайте Web Inspector на iPhone Стъпка 9

Стъпка 5. Поставете отметка в „Показване на менюто Develop в лентата с менюта

" Намира се в долната част на прозореца.

Използвайте Web Inspector на iPhone Стъпка 10
Използвайте Web Inspector на iPhone Стъпка 10

Стъпка 6. Свържете вашия iPhone

Използвайте USB кабела, доставен с вашето устройство, за да свържете вашия iPhone към вашия Mac.

Част 3 от 3: Използване на Web Inspector на Safari за iPhone

Използвайте Web Inspector на iPhone Стъпка 11
Използвайте Web Inspector на iPhone Стъпка 11

Стъпка 1. Отворете уеб сайт

В Safari за iPhone отворете мобилната уеб страница, която искате да отстраните грешки.

Използвайте Web Inspector на iPhone Стъпка 12
Използвайте Web Inspector на iPhone Стъпка 12

Стъпка 2. Кликнете върху Разработване

Това е третото падащо меню отдясно на Safari за Mac.

Използвайте Web Inspector на iPhone Стъпка 13
Използвайте Web Inspector на iPhone Стъпка 13

Стъпка 3. Щракнете върху вашия iPhone

Той ще бъде посочен в горната част на менюто.

Използвайте Web Inspector на iPhone Стъпка 14
Използвайте Web Inspector на iPhone Стъпка 14

Стъпка 4. Щракнете върху уеб сайта

Той се появява в изскачащ прозорец вдясно от вашия iPhone.

Ако не сте отваряли уебсайт в приложението Safari на вашия iPhone, ще видите съобщение „Няма проверка на възможни приложения“

Използвайте Web Inspector на iPhone Стъпка 15
Използвайте Web Inspector на iPhone Стъпка 15

Стъпка 5. Проверете страницата

Използвайки Safari на вашия Mac, можете да подобрите и измерите ефективността на мобилните страници на вашия iPhone.

  • Web Inspector ви позволява да изпълнявате команди в JavaScript, за да създадете по-динамично, интерактивно изживяване за потребителя, като анимация и съобщения в реално време.
  • Проверете елементите на DOM (Document Object Model) за грешки в HTML, XML или JavaScript командите.
  • Използвайте CSS, за да актуализирате или редактирате оформлението, цветовете и шрифтовете на мобилни страници.

Препоръчано: