Podes inspeccionar rapidamente os elementos do iPhone conectándoo a un ordenador MAC con Safari Developer Tools ou usando software de terceiros como Adobe Edge Inspect ou LambdaTest.

Apple chegou a un longo camiño coa súa icónica liña de iPhone. O seu iOS ten unha cota de mercado global do sistema operativo móbil do 28,27 %, o que significa que millóns de usuarios en todo o mundo usan iPhones para acceder ás páxinas web.

Por iso, é esencial saber como inspeccionar os elementos do iPhone para mellorar a funcionalidade das páxinas web. visualizado en Safari e modifica o seu aspecto en consecuencia.

Se non sabes como facelo, compilamos unha guía paso a paso para axudarche a comprender todo o proceso con facilidade.

1. Que significa inspeccionar un elemento?
2. Como inspeccionar elementos no iPhone?
   • Método n.° 1: Usar as ferramentas para programadores de Safari
   • Método n.° 2: Inspeccione os elementos no iPhone usando ferramentas de terceiros
     • Utilizando Adobe Edge Inspect
     • Utilizando LambdaTest
3. Inspeccionar un elemento no navegador Chrome do iPhone
4. Resumo
5. Preguntas máis frecuentes

Que significa inspeccionar un elemento?

Se estás un programador web front-end, pode inspeccionar regularmente elementos para cambiar e experimentar coa aparencia dunha páxina web facendo edicións rápidas nos ficheiros CSS e HTML do sitio web.

Non obstante, os cambios só son visibles no teu dispositivo.Despois de volver cargar a páxina web, estes cambios desaparecen e reaparece a versión orixinal da estrutura da páxina web. Entón, en realidade, non estás editando o código fonte dun sitio web; só estás experimentando con elementos para ver e solucionar problemas.

A inspección de elementos é excelente para deseñadores, comerciantes e axentes de asistencia. Os deseñadores poden querer ver como aparece o deseño dun sitio no móbil ou o tema que usan os seus competidores. Por outra banda, un comerciante pode querer analizar como usan os competidores as súas palabras clave.

Mentres tanto, un axente de asistencia con coñecementos básicos de CSS pode cambiar facilmente calquera texto, deseño e xerarquía dunha páxina web en segundos mentres inspeccionando elementos e pode elevar un problema aos desenvolvedores sobre as correccións necesarias nun sitio web.

Preme Ctrl+Z en Windows e Linux e Comando+Z en macOS para desfacer as modificacións feitas coa ferramenta Inspeccionar elementos.

Como inspeccionar elementos no iPhone?

Inspeccionar elementos no iPhone é un pouco complicado e podes sentirte un pouco desbordado mentres facéndoo. Non obstante, as nosas instrucións paso a paso farán que a experiencia sexa sinxela e agradable para ti.

Tamén comentaremos o uso do navegador Chrome do iPhone para experimentar con elementos tamén. Polo tanto, sen demora, aquí están os dous métodos que explican como inspeccionar o elemento no iPhone.

Método#1: Usando Safari Developer Tools

No primeiro método, usarás Safari Developer Tools para inspeccionar os elementos do iPhone.

1. Conecta o teu iPhone ao teu iPhone. PC Mac mediante un cable USB.
2. Iniciar o navegador Safari no teu Mac e vai a Avanzado Pestaña .
3. Cambia o interruptor Inspector web á cor Verde .
4. Agora vai a Preferencias > Pestana Avanzado.
5. Agora marque a caixa “Mostrar menú Desenvolver na barra de menús” para que a opción Desenvolver apareza na barra Opcións do navegador.
6. A continuación, fai clic na opción Desenvolver para facer visible o nome do teu dispositivo na lista de dispositivos.
7. Por último, pasa o rato sobre o teu iPhone e mira unha lista de páxinas web abertas no teu iOS. A continuación, selecciona a páxina web que necesitas inspeccionar da lista.

A inspección de elementos do iPhone usando Safar Developer Tools só está dispoñible no ecosistema de Apple, o que significa que se non tes Mac, este método non funcionará.

Método n.º 2: inspecciona os elementos no iPhone usando ferramentas de terceiros

Uso de Adobe Edge Inspect

Se non tes o Mac, podes usar Adobe Edge Inspect Tool para inspeccionar elementos no teu iPhone.

1. Descarga Adobe Edge Inspect no teu PC e conecta o teu iPhone e o teu PC coa mesma conexión wifi.
2. Conecta o teu iPhone ao teu Mac cun cable USB e inicia o softwareno teu PC.
3. Agora, o teu nome do iPhone aparecerá no software.
4. A continuación, abre unha páxina web no teu navegador e observa como se abrirá no teu ordenador conectado. iPhone tamén.
5. Selecciona un signo do depurador () que se mostra xunto aos teus dispositivos conectados.
6. A continuación, abriranse as ferramentas para programadores , o que che permitirá para inspeccionar elementos no iPhone.

Usar LambdaTest

LambdaTest é outra excelente ferramenta de terceiros para inspeccionar elementos nun iPhone.

1. Rexístrate no Páxina de rexistro de LambdaTest para crear unha conta e iniciar sesión.
2. Seleccione Probas en tempo real no panel esquerdo do panel.
3. Introduza o proba URL e selecciona o tipo de dispositivo , nome do dispositivo, sistema operativo e navegador nos que executará a proba.
4. Fai clic en Iniciar e escolle a opción de programador no panel de ferramentas da esquerda.
5. Abriranse Ferramentas de programador no dispositivo iPhone seleccionado.
6. Comeza a probar usando o simulador de iPhone para probas de navegador

LambdaTest é excepcionalmente seguro e cumpre GDPR e CCPA. Defenden a total transparencia e garanten a protección e a seguranza dos teus datos.

Inspección de elementos no navegador Chrome do iPhone

Podes inspeccionar os elementos dun sitio web nun navegador Chrome co teu iPhone. Para iso, inicia o navegador Chrome no teu iPhone e visita un sitio web.Agora, toca na barra de enderezos e escribe view-source: antes de HTTP ou HTTPS . A continuación, volve cargar a páxina para ver todos os elementos.

Resumo

Nesta guía sobre como inspeccionar un elemento no iPhone, comentamos o uso das ferramentas para desenvolvedores de Safari e ferramentas de terceiros para experimentar con o código. Tamén falamos da inspección de elementos no navegador Chrome dun iPhone.

Con sorte, esta guía che resultou útil e agora podes inspeccionar rapidamente os elementos do teu iPhone cos nosos métodos rápidos.

Preguntas máis frecuentes

Para inspeccionar elementos dun sitio web nun navegador Chrome de PC, siga estes pasos.

1) Inicie Chrome e visite a páxina web para inspeccionar os elementos.

2) Mire á esquina superior dereita da pantalla e faga clic en tres puntos verticais.

3) A continuación, faga clic en Máis ferramentas > Ferramentas para programadores de o menú despregable.

4) Abriranse as ferramentas para programadores, a consola e algunhas outras ferramentas, que che permitirán inspeccionar o elemento.

Non é ilegal atopar unha vulnerabilidade nun sitio web mediante o elemento de inspección do navegador. Non obstante, é ilegal explotar esa susceptibilidade e utilizala con fins lucrativos.

Se atopas unha vulnerabilidade, infórmaa ao propietario do sitio antes de facer público o problema. Normalmente, os sitios teñen unpáxina dedicada para informar problemas de seguridade.