“Ahora todos estamos conectados a Internet, como neuronas en un cerebro gigante” ~ Stephen Hawking
Bueno, es muy cierto, ¿no? ¡El poder de Internet es incomparable! La web está llena de millones de sitios web e información. Ya sea que necesite buscar información específica para una investigación, o simplemente navegar a través de portales de entretenimiento o buscar en las redes sociales, los sitios web sirven como una fuente básica para mantenernos pegados a sus dispositivos.
Fuente de la imagen: YouTube
¿Has oído hablar de la función “Inspeccionar elemento” mientras utilizas alguno de los sitios web? El elemento Inspeccionar es más como una herramienta de navegador que le permite ver y editar el script HTML y CSS de la página web. Esta función está disponible en todos los navegadores, sin embargo, el nombre que se le asigna puede ser diferente, por ejemplo, para Chrome, es Modo de desarrollador, para Safari, es Web Inspector y para Firefox, es Inspeccionar.
En esta publicación, aprenderemos cómo inspeccionar Element en Mac en varios navegadores, incluidos Safari, Google Chrome y Firefox. Y antes de comenzar, comprendamos rápidamente cómo utilizar la herramienta Inspeccionar elemento y por qué es útil.
¿Qué es “Inspeccionar elemento”?
Cada vez que hace clic derecho En cualquier sitio web, verá la función "Inspeccionar elemento" en el menú contextual. En términos técnicos, la herramienta Inspeccionar elemento permite a los usuarios ver o modificar la página web en la interfaz. La herramienta Inspect Element es utilizada principalmente por desarrolladores front-end para jugar con la apariencia de un determinado sitio web sin temor a sabotear el código en vivo. Se utiliza en la fase de “Prueba” para “inspeccionar” los elementos de un sitio web en determinadas ocasiones.
Cómo inspeccionar elementos en Mac
La función Inspeccionar elementos viene integrada junto con cada sitio web. navegador, incluidos Safari, Chrome y Firefox. Ahora aprenderemos cómo usar Inspect Element en Mac en cada navegador web.
Safari:
Antes de comenzar, primero habilitemos la función “Inspeccionar elemento” en Safari en caso de que no esté activado de forma predeterminada.
Inicie Safari, abra Preferencias.
Cambie a la pestaña "Avanzado" y luego verifique la opción “Mostrar menú de desarrollo en la barra de menú”.
Tan pronto como marque esta opción, se agregará una nueva opción “Desarrollar” a la barra de menú.
Para inspeccionar elementos en Mac en el navegador Safari, esto es lo que debe hacer:
Opción 1: Mediante el método de clic derecho
La forma más rápida de utilizar la herramienta Inspeccionar elemento en Mac es mediante el método de clic derecho.
Visite la página web, haga clic derecho en cualquier lugar del espacio en blanco, seleccione “Inspeccionar”.
Opción 2: a través del menú “Desarrollar”
También puede usar la función Inspeccionar elemento a través del menú menú "Desarrollar" recientemente agregado.
Visite el sitio web, toque la opción "Desarrollar" ubicada en la barra de menú superior y luego seleccione "Mostrar inspector web".
Opción 3: Usar las teclas de acceso directo
La tercera alternativa al uso de la herramienta Inspeccionar elemento en macOS es a través de las teclas de acceso directo.
Simplemente presione la combinación de teclas Comando + Opción + I para inspeccionar el elemento de una página web.
Google Chrome:
Hay 4 formas diferentes de inspeccionar el elemento en Mac en Chrome navegador.
Opción 1: Método de clic derecho
Inicie el navegador Chrome en su Mac, visite el sitio web en el que necesita inspeccionar los elementos.
Haga clic derecho en cualquier lugar y luego seleccione “Inspeccionar”.
Opción 2: a través de la barra de menú
Inicie Chrome, toque la opción "Ver" ubicada en la barra de menú superior.
Fuente de la imagen: Superusuario
Navega a Herramientas de desarrollador> Desarrollador> Herramientas de desarrollador.
Seleccione la opción “Personalizar y controlar” para usar Inspeccionar elemento en Chrome.
Opción 3: usar los métodos abreviados de teclado
Presione el Comando + Opción + opción C para ver la ventana "Inspeccionar elemento" en Chrome.
Opción 4: a través de Configuración
Inicie Google Chrome en macOS, toque el ícono de tres puntos ubicado en la esquina superior derecha.
Toque "Más herramientas" y luego seleccione "Herramientas de desarrollo".
Mozilla Firefox:
Para utilizar la herramienta Inspeccionar elemento en Firefox, siga estos rápidos pasos.
Opción 1: Método de clic derecho
Inicie Firefox, visite el sitio web.
Haga clic derecho en cualquier lugar de la pantalla y seleccione “Inspeccionar”.
Opción 2: a través del menú
Inicie Firefox en Mac. Toque la opción "Herramientas" ubicada en la barra de menú superior, seleccione "Desarrollador web". Toque "Inspeccionar".
Opción 3: Teclas de acceso directo
El acceso directo para habilitar Inspeccionar elemento en Mac en el navegador Firefox se puede lograr presionando el comando + Opción + combinación de teclas C.
Preguntas frecuentes:
P.1. ¿Cómo? ¿Abro el elemento de inspección en Mac?Fuente de la imagen: Zapier
Una de las formas más rápidas de abrir la herramienta Inspeccionar elemento en Mac es haciendo clic derecho en el sitio web y eligiendo la opción "Inspeccionar" en el menú contextual.
P.2. ¿Cuál es el acceso directo para Inspeccionar elemento en una Mac?Los atajos para usar Inspect Element son diferentes en cada navegador:
- Safari: Comando + Opción + I
- Chrome: Comando + Opción + C
- Firefox: Opción de comando + C
Para usar Inspeccionar elemento en Google Chrome, puede presionar la combinación de teclas Comando + Opción + C. Alternativamente, también puede hacer clic derecho en cualquier lugar de la pantalla y elegir "Inspeccionar" para abrir la ventana Inspeccionar elemento.
La última palabra sobre cómo inspeccionar elementos en MacAquí hay una guía rápida sobre cómo usarlo la herramienta Inspeccionar elemento en macOS en diferentes navegadores web, incluidos Safari, Chrome y Firefox. Síguenos en las redes sociales - . ¿Con qué frecuencia utiliza la herramienta Inspeccionar elemento en Mac y con qué propósito? No dudes en compartir tus pensamientos con nuestros lectores.
Leer: 0
