Mitä tietää
- Aktivoi Web Inspector iOS:ssä: Siirry kohtaan toimielimet † Safari † Pitkälle kehittynyt ja siirrä verkkotarkastaja vaihda kytkin asentoon päällä asemaa.
- Web Inspectorin käyttäminen macOS:ssä: Liitä iOS-laitteesi Maciin ja valitse tarkastettava URL-osoite Kehittää valikosta.
Jos kohtaat virheen tai muun ongelman Safari-mobiilisivustolla, käytä Web Inspector -työkalua tutkiaksesi. Tässä artikkelissa kerrotaan, kuinka iPhonen Safari-konsolia käytetään virheenkorjaukseen Mac-tietokoneellasi. 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 poistettu käytöstä, koska siitä ei ole hyötyä useimmille iPhonen käyttäjille. Jos olet kuitenkin kehittäjä tai utelias, voit aktivoida sen muutamassa lyhyessä vaiheessa. Näin:
-
Avaa iPhone toimielimet valikosta. Jos iPhonessa on iOS:n varhainen versio, siirry Debug-konsoliin osoitteessa toimielimet † Safari † Kehittäjä † Debug-konsoli† Kun iPhonen Safari havaitsee CSS-, HTML- ja JavaScript-virheet, se näyttää kunkin näytön tiedot virheenkorjausohjelmassa.
-
Vieritä alas ja napauta Safari avataksesi näytön, joka sisältää kaiken iPhonen, iPadin tai iPod touchin Safari-selaimeen liittyvän.
-
Vieritä sivun alaosaan ja valitse Pitkälle kehittynyt†
-
Siirrä verkkotarkastaja vaihda kytkin asentoon päällä asemaa.
Yhdistä iOS-laitteesi Safariin Macissa
Jos haluat käyttää Web Inspectoria, yhdistä iPhonesi tai muu iOS-laite Maciin Safari-verkkoselaimella ja ota käyttöön Kehitys-valikko.
-
Kun Safari on auki, valitse Safari valikkopalkissa ja valitse Asetukset†
-
Valitse Pitkälle kehittynyt -välilehti.
-
Valitse Näytä Kehitä-valikko valikkorivillä valintaruutu ja sulje asetusikkuna.
-
Valitse Safarin valikkopalkista Kehittää ja valitse yhdistetyn iOS-laitteesi nimi ja valitse sitten alla näkyvä URL-osoite Safari avataksesi kyseisen sivuston virheenkorjauskonsolin.
Kun olet yhdistänyt laitteesi, tarkasta etsittävä verkkosivusto Macillasi ja avaa se Safari-mobiiliselaimessa.
Mikä on Web Inspector?
Verkkokehittäjät käyttävät Web Inspectoria verkkosivustojen muokkaamiseen, virheenkorjaukseen ja optimointiin 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 kommentteja verkkosivun tyyleistä ja tasoista erillisessä paneelissa. Ennen iOS 6:ta iPhone Safari -verkkoselaimessa oli sisäänrakennettu virheenkorjauskonsoli, jota kehittäjät käyttivät verkkosivuvikojen 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 Inspectorille. Kehittäjät käyttävät tätä sisäänrakennettua simulaattoria nähdäkseen, kuinka verkkosivut skaalataan eri näyttökokoihin, resoluutioihin ja suuntiin.