Tämä wikiHow opettaa sinulle, miten voit käyttää Applen työpöydän Safari -sovellusta mobiilisivujen suorituskyvyn tarkistamiseen iPhonen Safarissa.
Askeleet
Osa 1/3: Web Inspectorin käyttöönotto iPhonessa
Vaihe 1. Avaa iPhonen asetukset
Se on harmaa kuvake, joka sisältää vaihteita aloitusnäytössäsi.
Vaihe 2. Vieritä alas ja napauta Safari
Se on neljännessä tai viidennessä asetusryhmässä muiden Applen iPhone -sovellusten, kuten sähköpostin ja yhteystietojen, kanssa.
Vaihe 3. Vieritä alas ja napauta Lisäasetukset
Se on valikon alareunassa.
Vaihe 4. Liu'uta "Web Inspector" -painikkeen vieressä oleva "On" -asentoon
Se on viimeinen vaihtoehto ja muuttuu vihreäksi, kun se on käytössä.
Osa 2/3: Web Inspectorin ottaminen käyttöön Macissa
Vaihe 1. Avaa Safari Macissa
Se on sovellus, joka näyttää siniseltä kompassilta.
Vaihe 2. Napsauta Safari
Se on valikkorivillä näytön vasemmassa yläkulmassa.
Vaihe 3. Napsauta Asetukset
Vaihe 4. Napsauta ⚙️Tarkennettu
Se on ikkunan yläreunan oikein välilehti.
Vaihe 5. Valitse valikkoriviltä Näytä kehitysvalikko
" Se on ikkunan alareunassa.
Vaihe 6. Liitä iPhone
Liitä iPhone Maciisi laitteen mukana toimitetulla USB -kaapelilla.
Osa 3/3: Web Inspectorin käyttäminen iPhonen Safarissa
Vaihe 1. Avaa verkkosivusto
Avaa Safarin iPhonessa mobiililaitteen verkkosivu, jonka haluat korjata.
Vaihe 2. Napsauta Kehitä
Se on kolmas avattava valikko oikealta Safarin Mac-tietokoneelle.
Vaihe 3. Napsauta iPhonea
Se näkyy valikon yläosassa.
Vaihe 4. Napsauta verkkosivustoa
Se näkyy ponnahdusikkunassa iPhonen oikealla puolella.
Jos et avannut verkkosivustoa iPhonen Safari -sovelluksessa, näet "Ei tarkastettavia sovelluksia" -viestin
Vaihe 5. Tarkista sivu
Macin Safarin avulla voit parantaa ja mitata iPhonen mobiilisivujen suorituskykyä.
- Web Inspectorin avulla voit suorittaa JavaScript-komentoja luodaksesi käyttäjälle dynaamisemman ja vuorovaikutteisemman kokemuksen, kuten animaatioita ja reaaliaikaisia viestejä.
- Tarkista DOM (Document Object Model) -elementit virheiden varalta HTML-, XML- tai JavaScript -komennoissa.
- Päivitä tai muokkaa mobiilisivujen asettelua, värejä ja fontteja CSS: n avulla.
