Safari for iOS sisältää valinnaisen virheenkorjauskonsolin, joka auttaa verkkokehittäjiä jäljittämään ja ratkaisemaan verkkosivuihin liittyviä ongelmia iPhonessa ja iPadissa.

Vielä parempi, iOS:n uusimmissa versioissa se itse asiassa käyttää samaa Web Inspectoria kuin työpöydän Safari, eli jos yhdistät iPhonen tai iPadin tietokoneeseen, voit käyttää Safarin virheenkorjaustyökaluja suoraan. iOS- tai iPadOS-laitteellasi

Myös iOS:n vanhemmissa versioissa on tämä ominaisuus, ja vaikka se ei ole yhtä kattava kuin työpöydän Safarin virheenkorjaus- ja kehittäjätyökalut, se on silti hyödyllinen ja se on helppo ottaa käyttöön tai poistaa käytöstä iPhonessa ja iPadissa.

Opitaan ottamaan tämä ominaisuus käyttöön iOS:n uusissa ja vanhoissa versioissa, ja myös versioiden erot.

Web Inspectorin käyttöönotto ja käyttö Safarissa iPhonelle ja iPadille

Nykyaikaisissa iOS- ja iPadOS-versioissa Safari Web Inspector toimii seuraavasti:

1. Avaa Asetukset > Safari > Lisäasetukset ja ota "Web Inspector" käyttöön napauttamalla.
2. Yhdistä iPhone tai iPad Maciin, siirry sitten Safariin ja ota kehittäjävalikko käyttöön, jos et ole vielä tehnyt niin siirtymällä kohtaan Safari > Asetukset > Lisäasetukset > Näytä kehitysvalikkopalkki
3. Vedä "Kehitä"-valikkopalkki alas ja etsi iPhone tai iPad ja avaa Web-sivu, jonka virheenkorjaus haluat tehdä
4. Safari Web Inspector avautuu, jossa voit korjata ja tarkastaa verkkoelementtejä iOS- tai IPadOS-laitteesta suoraan Macin Safarissa

Nyt kun navigoit iPhonessa tai iPadissa, huomaat, että Macin Safarin Web Inspector päivittyy.

Voit käyttää virheenkorjauskonsolia verkkoasetusten Konsoli-välilehden kautta ja debuggeria Debugger-välilehden kautta. Ja tietysti tavalliset verkkotarkistustyökalut elementeille, resursseille, verkolle jne. ovat myös käytettävissä.

Voit myös tarvittaessa käyttää Näytä lähdekoodia -temppua iOS:lle ja iPadOS:lle ollessasi liikkeellä.

Debug-konsolin ottaminen käyttöön vanhemmissa iOS-versioissa

Jos sinulla on vanhempi iOS-versio vanhemmassa iPhonessa tai iPadissa, koko virheenkorjauskokemus on laitteella, etkä voi yhdistää sitä Safariin Macissa. Siitä huolimatta se on edelleen varsin hyödyllinen, näin se toimii:

1. Käynnistä "Asetukset" ja napauta "Safari"
2. Napauta "Lisäasetukset"
3. Liu'uta "Debug Console" asentoon ON

Kun se on otettu käyttöön, napauta minkä tahansa Safari-näytön yläosassa olevaa Debug Consolea nähdäksesi verkkosivun virheet.

Oletusluettelo näyttää kaikki virheet, mutta voit tarkastella tarkempia HTML-, JavaScript- ja CSS-virheitä napauttamalla niitä yksitellen.

Toinen hyödyllinen työkalu mobiiliverkkokehittäjille on Firebug Lite iOS:lle, joka käyttää javascriptin kirjanmerkkiä ladatakseen yksinkertaisemman version suositusta Firebug-kehitystyökalusta. Tämä toiminto on luultavasti hyödyllisin myös vanhemmille iOS-versioille, koska uudemmissa julkaisuissa on uusia ominaisuuksia.

Käytätkö mitään verkkokehittäjätyökaluja iPhonelle tai iPadille? Jaa meille vinkit, temput, sovellukset tai tekniikat alla olevissa kommenteissa.