domingo, abril 14, 2024
No menu items!
InicioBlogs3 formas de inspeccionar elementos en Chrome en Android o iOS

3 formas de inspeccionar elementos en Chrome en Android o iOS

¬ŅHa querido inspeccionar un elemento web? Es muy f√°cil en computadoras o PC, pero ¬Ņqu√© pasa con los tel√©fonos m√≥viles? En esta lectura, hemos agregado tres formas de trabajo para inspeccionar elementos en Google Chrome en su dispositivo Android o iOS.

Inspeccionar elementos en Chrome en Android o iOS

Inspeccionar un elemento web de un sitio web ayuda a los usuarios o desarrolladores a ver y editar las secuencias de comandos HTML y CSS de una página web en su dispositivo sin tener el cambio real. Aquí, hemos agregado tres formas de inspeccionar elementos en el navegador Google Chrome en sus dispositivos Android o iOS.

Método 1- Marcar un código Javascript

Puede abrir fácilmente la sección Inspeccionar elemento en Google Chrome en su Android o iPhone usando un código Javascript. Siga los pasos para hacerlo.

Paso 1: Abra el navegador Google Chrome en su dispositivo.

Paso 2: Visite el sitio web cuyo elemento desea editar o ver.

Paso 3: Clickea en el icono de tres puntos en la parte superior y luego toca Marcador.

Etapa 4: Mostrará la confirmación con un Editar botón, tóquelo.

Paso 5: Nombre el Marcador como Inspeccionar y en la URL escriba el siguiente código: javascript:document.body.contentEditable=’true’; documento.designMode=’on’; vacío 0

Paso 6: Regrese y visite el sitio web cuyo elemento desea ver. Toque el cuadro de dirección y busque el nombre del marcador, es decir, Inspeccionar nuevo, que agregamos. Tócalo.

ūüĒ• Leer:  Esta alternativa a la tienda de aplicaciones de c√≥digo abierto instala aplicaciones iOS sin jailbreak

Paso 7: Ahora podrá editar el texto del sitio web tal como lo hicimos en la inspección de escritorio.

Paso 8: Aquí, también verá un ícono similar a una configuración en la página, tóquelo para ver Elementos, Red, Recursosy más.

Método 2: usar el navegador Kiwi

El navegador Kiwi ha agregado las herramientas para desarrolladores de Chrome a su aplicación de Android, lo que permite a los usuarios ver y editar sitios web de inspección muy similares a los que hicimos en la versión de escritorio de Chrome. Siga los pasos a continuación para hacerlo.

Paso 1: Descargue o abra el navegador Kiwi en su dispositivo.

Paso 2: Visite el sitio web cuyo elemento desea inspeccionar.

Paso 3: Clickea en el icono de tres puntos en la cima.

Etapa 4: Seleccionar Herramientas de desarrollo del men√ļ que aparece.

Paso 5: El navegador abrir√° la ventana de inspecci√≥n en una nueva pesta√Īa que es muy similar a la inspecci√≥n de escritorio de Chrome.

Método 3: ejecutar un script en la barra de direcciones

También puede inspeccionar o ver la consola de Javascript utilizando la herramienta eruda que abre las mismas herramientas de desarrollador que un dispositivo de escritorio. Siga los pasos a continuación para ejecutar el script eruda.

Paso 1: Abra el sitio web cuya consola JS desea ver o inspeccionar.

Paso 2: Toque en la barra de direcciones y escriba el siguiente script y presione enter para ejecutarlo:

javascript:(funci√≥n () { var script = document.createElement(‚Äėscript‚Äô); script.src=‚ÄĚ//cdn.jsdelivr.net/npm/eruda‚ÄĚ; document.body.appendChild(script); script.onload = funci√≥n () { eruda.init() } })();

Paso 3: Ahora, verá un ícono similar a una configuración, tóquelo y se abrirá la consola.

ūüĒ• Leer:  Planet Zoo se bloquea al inicio, no se inicia o se retrasa con ca√≠das de FPS: soluci√≥n

Etapa 4: Se abrirá la consola como la de escritorio. Aquí, toque el ícono del cursor en la parte inferior para seleccionar un elemento y ver los elementos correspondientes.

Terminando

Así es como puede inspeccionar elementos en Google Chrome en su dispositivo Android o iOS. Espero que el artículo anterior te haya ayudado a inspeccionar elementos y ver la consola en Chrome en tu teléfono. Estén atentos para más consejos, trucos y procedimientos.

Relacionado:

Recomendamos

Populares