Safari per a iOS inclou una consola de depuració opcional per ajudar els desenvolupadors web a localitzar i resoldre problemes amb pàgines web a iPhone i iPad.

Encara millor, amb les últimes versions d'iOS, en realitat utilitza el mateix Web Inspector que Safari a l'escriptori, és a dir, si connecteu l'iPhone o l'iPad a l'ordinador, podeu utilitzar les eines de depuració de Safari directament. amb el vostre dispositiu iOS o iPadOS

Les versions anteriors d'iOS també tenen aquesta capacitat i, tot i que no són tan inclusives com les eines de desenvolupament i depuració de Safari d'escriptori, segueix sent útil i fàcil d'activar o desactivar a l'iPhone i l'iPad.

Aprendrem a activar aquesta funció tant a les versions noves com a les antigues d'iOS, i també a saber què hi ha entre les versions.

Com activar i utilitzar Web Inspector a Safari per a iPhone i iPad

A les versions modernes d'iOS i iPadOS, a continuació es mostra com funciona l'inspector web de Safari:

1. Obre Configuració > Safari > Avançat i després toca per activar “Inspector web”
2. Connecteu l'iPhone o l'iPad a un Mac i, a continuació, aneu a Safari i activeu el menú per a desenvolupadors si encara no ho heu fet anant a Safari > Preferències > Avançat > Mostra la barra de menús Desenvolupament
3. Desplega la barra de menú "Desenvolupament" i cerca l'iPhone o l'iPad, i després obriu la pàgina web que voleu depurar
4. S'obrirà Safari Web Inspector on podreu depurar i inspeccionar elements web des del dispositiu iOS o IPadOS directament a Safari al Mac

Ara, mentre navegueu per l'iPhone o l'iPad, trobareu que l'Inspector Web de Safari al Mac s'actualitzarà.

Podeu accedir a la consola de depuració mitjançant la pestanya Consola de l'inspector web i podeu accedir al depurador a través de la pestanya Depurador. I, per descomptat, també es poden utilitzar les eines habituals d'inspector web per a elements, recursos, xarxa, etc.

També pots fer servir un truc Visualitza la font per a iOS i iPadOS mentre ets de viatge, si cal.

Com activar la consola de depuració en versions antigues d'iOS

Si teniu una versió anterior d'iOS en un iPhone o iPad antics, tota l'experiència de depuració es troba al dispositiu i no teniu la possibilitat de connectar-lo a Safari en un Mac. No obstant això, segueix sent molt útil, així és com funciona:

1. Llenceu "Configuració" i toqueu "Safari"
2. Toqueu “Avançat”
3. Llisca “Depuració de la consola” a ON

Un cop activat, toqueu la Consola de depuració a la part superior de qualsevol pantalla de Safari per veure els errors de la pàgina web.

La llista predeterminada mostra tots els errors, però podeu avançar cap a errors més específics d'HTML, JavaScript i CSS tocant-los individualment.

Una altra eina útil per als desenvolupadors web mòbils és Firebug Lite per a iOS, que utilitza un bookmarklet javascript per carregar una versió més senzilla de la popular eina de desenvolupament Firebug. Aquesta funcionalitat és probablement més útil per a les versions d'iOS més antigues, ja que les versions més recents tenen noves capacitats.

Feu servir alguna eina de desenvolupament web per a iPhone o iPad? Comparteix amb nos altres qualsevol consell, truc, aplicació o tècnica als comentaris següents.