IPhone -да веб -инспекторды қалай қолдануға болады: 15 қадам (суреттермен)

Мазмұны:

IPhone -да веб -инспекторды қалай қолдануға болады: 15 қадам (суреттермен)
IPhone -да веб -инспекторды қалай қолдануға болады: 15 қадам (суреттермен)

Бейне: IPhone -да веб -инспекторды қалай қолдануға болады: 15 қадам (суреттермен)

Бейне: IPhone -да веб -инспекторды қалай қолдануға болады: 15 қадам (суреттермен)
Бейне: Қалай телефон арқылы БАННЕР жасауға болады? Picsart арқылы.. // ~tutorial~ iOS & Android 2024, Сәуір
Anonim

Бұл wikiHow сізге iPhone -ға арналған Safari -де мобильді веб -беттердің өнімділігін тексеру үшін Apple -дің жұмыс үстелі Safari қосымшасын қолдануды үйретеді.

Қадамдар

3 бөліктің 1 бөлігі: iPhone -да веб -инспекторды қосу

IPhone -да веб -инспекторды қолданыңыз 1 -қадам
IPhone -да веб -инспекторды қолданыңыз 1 -қадам

Қадам 1. айфон параметрлерін ашыңыз

Бұл негізгі экранда тісті дөңгелектері бар сұр белгіше.

IPhone -да веб -инспекторды қолданыңыз 2 -қадам
IPhone -да веб -инспекторды қолданыңыз 2 -қадам

Қадам 2. Төмен қарай жылжып, Safari түймесін түртіңіз

Ол төртінші немесе бесінші параметрлер тобында, Apple iPhone қосымшалары сияқты, Пошта және Контактілер сияқты.

IPhone -да веб -инспекторды қолданыңыз 3 -қадам
IPhone -да веб -инспекторды қолданыңыз 3 -қадам

Қадам 3. Төмен қарай жылжып, Қосымша түймесін түртіңіз

Ол мәзірдің төменгі жағында.

IPhone -да веб -инспекторды қолданыңыз 4 -қадам
IPhone -да веб -инспекторды қолданыңыз 4 -қадам

4 -қадам. «Веб -инспектор» жанындағы түймені «Қосулы» күйіне сырғытыңыз

Бұл соңғы опция және қосылған кезде жасыл түске боялады.

3 бөліктің 2 бөлігі: Mac компьютерінде веб -инспекторды қосу

IPhone -да веб -инспекторды қолданыңыз 5 -қадам
IPhone -да веб -инспекторды қолданыңыз 5 -қадам

Қадам 1. Mac жүйесінде Safari ашыңыз

Бұл көк компасқа ұқсайтын бағдарлама.

IPhone -да веб -инспекторды қолданыңыз 6 -қадам
IPhone -да веб -инспекторды қолданыңыз 6 -қадам

Қадам 2. Safari түймесін басыңыз

Ол экранның сол жақ жоғарғы бұрышындағы мәзір жолағында.

IPhone -да веб -инспекторды қолданыңыз 7 -қадам
IPhone -да веб -инспекторды қолданыңыз 7 -қадам

Қадам 3. Параметрлер түймесін басыңыз

IPhone -да веб -инспекторды пайдаланыңыз 8 -қадам
IPhone -да веб -инспекторды пайдаланыңыз 8 -қадам

4 -қадам. V️Алдын ала түймесін басыңыз

Бұл терезенің жоғарғы жағындағы ең оң жақ қойынды.

IPhone -да веб -инспекторды қолданыңыз 9 -қадам
IPhone -да веб -инспекторды қолданыңыз 9 -қадам

Қадам 5. Мәзір жолағындағы «Show Develop мәзірін» тексеріңіз

" Ол терезенің төменгі жағында.

IPhone -да веб -инспекторды қолданыңыз 10 -қадам
IPhone -да веб -инспекторды қолданыңыз 10 -қадам

Қадам 6. Сіздің айфон қосыңыз

IPhone -ды Mac компьютеріне қосу үшін құрылғымен бірге келген USB кабелін пайдаланыңыз.

3 бөлімнің 3 бөлігі: iPhone үшін Safari -де веб -инспекторды пайдалану

IPhone -да веб -инспекторды қолданыңыз 11 -қадам
IPhone -да веб -инспекторды қолданыңыз 11 -қадам

Қадам 1. Веб -сайтты ашыңыз

IPhone -ға арналған Safari -де сіз отладкыңыз келетін мобильді веб -бетті ашыңыз.

IPhone -да веб -инспекторды қолданыңыз 12 -қадам
IPhone -да веб -инспекторды қолданыңыз 12 -қадам

Қадам 2. Әзірлеу түймесін басыңыз

Бұл Mac үшін Safari-дегі оң жақтағы үшінші ашылмалы мәзір.

IPhone -да веб -инспекторды қолданыңыз 13 -қадам
IPhone -да веб -инспекторды қолданыңыз 13 -қадам

Қадам 3. Сіздің айфон басыңыз

Ол мәзірдің жоғарғы жағында жазылады.

IPhone -да веб -инспекторды қолданыңыз 14 -қадам
IPhone -да веб -инспекторды қолданыңыз 14 -қадам

Қадам 4. Веб -сайтты нұқыңыз

Ол iPhone-ның оң жағында қалқымалы терезеде пайда болады.

Егер сіз iPhone -ның Safari қосымшасында веб -сайтты ашпаған болсаңыз, «Қолданбаларды тексеруге болмайды» деген хабарды көресіз

IPhone -да веб -инспекторды қолданыңыз 15 -қадам
IPhone -да веб -инспекторды қолданыңыз 15 -қадам

Қадам 5. Бетті тексеріңіз

Mac жүйесінде Safari -ді қолдана отырып, сіз iPhone -дағы мобильді беттердің өнімділігін арттыруға және өлшеуге болады.

  • Web Inspector сізге анимация мен нақты уақыттағы хабарлар сияқты пайдаланушыға неғұрлым серпінді, интерактивті тәжірибе жасау үшін JavaScript пәрмендерін орындауға мүмкіндік береді.
  • DOM (Document Object Model) элементтерін HTML, XML немесе JavaScript командаларындағы қателерге тексеріңіз.
  • Мобильді беттердегі орналасуды, түстер мен қаріптерді жаңарту немесе өңдеу үшін CSS пайдаланыңыз.

Ұсынылған: