Mitä tietää
- Aktivoi Web Inspector iOS:ssä: Siirry kohtaan Settings > Safari > Advanced ja siirry Web Inspector-kytkin asentoon On.
- Käytä Web Inspectoria macOS:ssä: Yhdistä iOS-laitteesi Maciin ja valitse tarkastettava URL-osoite Kehitys-valikosta.
Jos kohtaat virheen tai muuhun ongelmaan Safari-mobiilisivustolla, käytä Web Inspector -työkalua tutkiaksesi. Tässä artikkelissa kerrotaan, kuinka iPhonen Safari-konsolia käytetään virheiden korjaamiseen Mac-tietokoneesi avulla. Ohjeet koskevat iPhone-laitteita, joissa on iOS 14, iOS 12 tai iOS 11, sekä Mac-tietokoneita, joissa on macOS Big Sur (11.0), macOS Catalina (10.15) tai macOS Mojave (10.14).
Aktivoi Web Inspector iPhonessasi tai muussa iOS-laitteessa
Web Inspector on oletuksena pois käytöstä, koska useimmilla iPhone-käyttäjillä ei ole sille käyttöä. Jos olet kuitenkin kehittäjä tai olet utelias, voit aktivoida sen muutamassa lyhyessä vaiheessa. Näin:
-
Avaa iPhonen Settings-valikko.
iPhonessa, jossa on iOS:n varhainen versio, käytä Debug Consolia valitsemalla Settings > Safari > Kehittäjä > Vianetsintäkonsoli Kun iPhonen Safari havaitsee CSS-, HTML- ja JavaScript-virheitä, tiedot kustakin virheenkorjausohjelman näytöstä.
- Vieritä alas ja napauta Safari avataksesi näytön, joka sisältää kaiken iPhonen, iPadin tai iPod touchin Safari-verkkoselaimeen liittyvän.
- Vieritä sivun alaosaan ja valitse Advanced.
-
Siirrä Web Inspector-kytkin asentoon On.
Image
Yhdistä iOS-laitteesi Safariin Macissa
Voidaksesi käyttää Web Inspectoria, liitä iPhonesi tai muu iOS-laite Maciin, jossa on Safari-verkkoselain, ja ota käyttöön Kehitys-valikko.
-
Kun Safari on auki, valitse valikkopalkista Safari ja valitse Preferences.
Image -
Valitse Advanced-välilehti.
Image -
Valitse Näytä kehitysvalikko valikkopalkissa -valintaruutu ja sulje asetusikkuna.
Image -
Valitse Safari-valikkopalkista Kehitä ja valitse liitetyn iOS-laitteesi nimi ja valitse sitten URL-osoite, joka näkyy kohdassa Safariavataksesi kyseisen sivuston virheenkorjauskonsolin.
Image Kun olet yhdistänyt laitteesi, tarkasta Macilla verkkosivusto, jonka virheenkorjaus haluat tehdä, ja avaa se Safari-mobiiliselaimessa.
Mikä on Web Inspector?
Verkkokehittäjät käyttävät Web Inspectoria muokatakseen, korjatakseen ja optimoidakseen verkkosivustoja Mac- ja iOS-laitteissa. Kun Web Inspector on auki, kehittäjät voivat tarkastaa verkkosivun resurssit. Web Inspector -ikkuna sisältää muokattavaa HTML-koodia ja huomautuksia verkkosivun tyyleistä ja tasoista erillisessä paneelissa.
Ennen iOS 6:ta iPhone Safari -verkkoselaimessa oli sisäänrakennettu virheenkorjauskonsoli, jota kehittäjät käyttivät web-sivuvirheiden etsimiseen. iOS:n uusimmat versiot käyttävät sen sijaan Web Inspectoria.
Safari 9:n ja OS X Mavericksin (10.9) kanssa Apple esitteli Responsive Design Mode -tilan Web Inspectorissa. Kehittäjät käyttävät tätä sisäänrakennettua simulaattoria esikatsellakseen, kuinka verkkosivut skaalautuvat eri näyttökokoihin, resoluutioihin ja suuntiin.
