Què cal saber
- Activar Web Inspector a iOS: aneu a Configuració > Safari > Avançat i moveu-vos el commutador de commutació Web Inspector a la posició On.
- Utilitzar Web Inspector a macOS: connecteu el vostre dispositiu iOS a un Mac i trieu l'URL que voleu inspeccionar al menú Desenvolupa.
Si trobeu un error o un altre problema amb un lloc web a Safari mòbil, utilitzeu l'eina Web Inspector per investigar. Aquest article explica com utilitzar la consola Safari per a iPhone per depurar errors amb l'ajuda del vostre ordinador Mac. Les instruccions s'apliquen als iPhones amb iOS 14, iOS 12 o iOS 11, i també als Mac amb macOS Big Sur (11.0), macOS Catalina (10.15) o macOS Mojave (10.14).
Activa Web Inspector al teu iPhone o un altre dispositiu iOS
L'inspector web està desactivat de manera predeterminada, ja que la majoria dels usuaris d'iPhone no en fan servir. Tanmateix, si ets desenvolupador o tens curiositat, pots activar-lo en uns quants passos curts. Així és com:
-
Obre el menú de l'iPhone Configuració.
En un iPhone amb una versió inicial d'iOS, accediu a la consola de depuració mitjançant Configuració > Safari > Desenvolupador > Consola de depuració Quan Safari a l'iPhone detecta errors de CSS, HTML i JavaScript, detalls de cada visualització al depurador.
- Desplaça't cap avall i toca Safari per obrir la pantalla que conté tot el relacionat amb el navegador web Safari al teu iPhone, iPad o iPod touch.
-
Desplaça't fins al final de la pàgina i selecciona Avançat.
-
Mou l'interruptor de commutació Web Inspector a la posició On.
Image
Connecteu el vostre dispositiu iOS a Safari en un Mac
Per utilitzar l'Inspector web, connecteu el vostre iPhone o un altre dispositiu iOS a un Mac que tingui el navegador web Safari i activeu el menú Desenvolupament.
-
Amb Safari obert, selecciona Safari a la barra de menú i tria Preferències.
Image -
Seleccioneu la pestanya Avançada.
Image -
Seleccioneu la casella de selecció Mostra el menú Desenvolupament a la barra de menú i tanqueu la finestra de configuració.
Image -
A la barra de menú de Safari, seleccioneu Desenvolupa i trieu el nom del vostre dispositiu iOS connectat i, a continuació, seleccioneu l'URL que apareix a Safariper obrir la consola de depuració d'aquest lloc.
Image Després de connectar el dispositiu, utilitzeu el vostre Mac per inspeccionar el lloc web que voleu depurar i obrir-lo al navegador mòbil Safari.
Què és Web Inspector?
Els desenvolupadors web utilitzen Web Inspector per modificar, depurar i optimitzar llocs web en dispositius Mac i iOS. Amb Web Inspector obert, els desenvolupadors poden inspeccionar els recursos d'una pàgina web. La finestra Web Inspector conté HTML editable i notes sobre els estils i les capes de la pàgina web en un tauler separat.
Abans d'iOS 6, el navegador web Safari de l'iPhone tenia una consola de depuració integrada que els desenvolupadors utilitzaven per trobar defectes de la pàgina web. Les versions recents d'iOS utilitzen Web Inspector.
Amb Safari 9 i OS X Mavericks (10.9), Apple va introduir el mode de disseny responsiu a Web Inspector. Els desenvolupadors utilitzen aquest simulador integrat per veure com s'escalen les pàgines web a diferents mides, resolucions i orientacions de pantalla.
