¿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.
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.
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:
