Aquest wikiHow us ensenya a utilitzar l'aplicació Safari d'escriptori d'Apple per comprovar el rendiment de les pàgines web per a mòbils a Safari per a iPhone.
Passos
Part 1 de 3: habilitar l'Inspector web al vostre iPhone
Pas 1. Obriu la configuració del vostre iPhone
És una icona gris que conté engranatges a la pantalla d'inici.
Pas 2. Desplaceu-vos cap avall i toqueu Safari
Es troba al quart o cinquè grup de configuracions, juntament amb altres aplicacions per a iPhone d'Apple, com ara Correu i Contactes.
Pas 3. Desplaceu-vos cap avall i toqueu Avançat
Es troba a la part inferior del menú.
Pas 4. Feu lliscar el botó situat al costat de "Web Inspector" fins a la posició "On"
És l'última opció i es tornarà verda quan estigui activada.
Part 2 de 3: habilitar l'Inspector web al vostre Mac
Pas 1. Obriu Safari al vostre Mac
És l’aplicació que sembla una brúixola blava.
Pas 2. Feu clic a Safari
Es troba a la barra de menú a l'extrem superior esquerre de la pantalla.
Pas 3. Feu clic a Preferències
Pas 4. Feu clic a ⚙️Avançat
És la pestanya situada a la dreta de la part superior de la finestra.
Pas 5. Marqueu "Mostra el menú Desenvolupament a la barra de menú
" És a la part inferior de la finestra.
Pas 6. Connecteu el vostre iPhone
Utilitzeu el cable USB inclòs amb el dispositiu per connectar l’iPhone al Mac.
Part 3 de 3: Ús de Web Inspector a Safari per a iPhone
Pas 1. Obriu un lloc web
A Safari per a iPhone, obriu la pàgina web per a mòbils que voleu depurar.
Pas 2. Feu clic a Desenvolupa
És el tercer menú desplegable de la dreta a Safari per a Mac.
Pas 3. Feu clic al vostre iPhone
Es mostrarà a prop de la part superior del menú.
Pas 4. Feu clic al lloc web
Apareix en una finestra emergent a la dreta del vostre iPhone.
Si no heu obert cap lloc web a l'aplicació Safari del vostre iPhone, apareixerà el missatge "No inspectable applications"
Pas 5. Inspeccioneu la pàgina
Amb Safari al vostre Mac, podeu millorar i mesurar el rendiment de les pàgines per a mòbils del vostre iPhone.
- Web Inspector us permet executar ordres a JavaScript per crear una experiència més dinàmica i interactiva per a l'usuari, com ara animació i missatges en temps real.
- Inspeccioneu els elements DOM (Model d'objectes de document) per trobar errors a les ordres HTML, XML o JavaScript.
- Utilitzeu CSS per actualitzar o editar el disseny, els colors i els tipus de lletra a les pàgines per a mòbils.