Documentación

Toda la información que buscas, en un sitio

¿Cómo abrir la consola de desarrollador de tu navegador?

La consola de desarrollador de tu navegador te puede ayudar a encontrar errores en el JavaScript de alguna de tus páginas web o a inspeccionar los elementos del HTML. Te mostramos cómo acceder al inspector de elementos de la consola de desarrollador en Google Chrome, Firefox, Safari e Internet Explorer. De este modo podrás ver el HTML concreto de un elemento y así buscar su ID o el selector CSS para usar en Nelio A/B Testing.

Google Chrome

Para usar el inspector de elementos en Google Chrome, tienes varias opciones diferentes:

  • Haz clic con el botón derecho en cualquier elemento de la página web y luego selecciona Inspeccionar en el menú.
  • Accede al menú de configuración de Google Chrome (los tres puntos verticales en la esquina superior derecha del panel de control de la ventana del navegador). En el menú desplegable, seleccione Más herramientas, luego Herramientas para desarrolladores.

Firefox

De manera similar a Google Chrome, Firefox también ofrece múltiples opciones de acceso al inspector de elementos:

  • Haz clic con el botón derecho en cualquier elemento de la página web y luego selecciona Inspeccionar elemento en el menú.
  • Accede al menú de configuración de Firefox. Elige Herramientas, luego selecciona Desarrollo web y finalmente Inspector.

Safari

Safari hace lo mismo, pero antes de que puedas usar el inspector de elementos, deberás acceder al menú de configuración de Safari. En la esquina superior izquierda de la pantalla, selecciona Preferencias y luego marca la casilla que dice Mostrar menú de desarrollo en la barra de menú. Una vez hayas hecho eso, usa las siguientes opciones:

  • Haz clic con el botón derecho en cualquier elemento de la página web y luego selecciona Inspeccionar en el menú.
  • Accede a la barra de menú y haz clic en Desarrollar, luego selecciona Mostrar inspector web en el menú desplegable.

Internet Explorer

Internet Explorer también ofrece herramientas para desarrolladores que permiten la funcionalidad de inspeccionar un elemento:

  • Haz clic con el botón derecho en la página y elige Inspeccionar elemento en el menú emergente.
  • Accede al panel de control haciendo clic en el icono de ajustes en la esquina superior derecha de la ventana del navegador, o presionando Alt + X. Selecciona F12 Herramientas de desarrollador en el menú desplegable.

Atajos de teclado

También puedes saltarte lo anterior y, en su lugar, acceder a inspeccionar el elemento directamente utilizando atajos de teclado. En cualquier página web, utiliza los siguientes comandos de teclado:

  • Mac: ⌘ + Shift + C
  • Windows/Linux: F12 or Ctrl + Shift + C
Person writing a new WordPress post on a MacBook

¿Quieres crear un popup?

Tenemos el mejor plugin para crear popups para WordPress en minutos.

EL 70% DE TUS VISITANTES HACEN EXACTAMENTE
LO QUE TÚ ACABAS DE HACER ¡Y NO VUELVEN!

HAZ QUE ESTÉN
EN TU WEB
MÁS TIEMPO CON
NELIO POPUPS

Obtén tu descuento ahora

Image with a 10%-off coupon

¡ESPERA! ANTES DE IRTE...

Aprovecha este descuento ahora

No, prefiero no ahorrar dinero

Image with a 10%-off coupon

¡ESPERA! ANTES DE IRTE...

Aprovecha este descuento ahora

No, prefiero no ahorrar dinero

TU CONFIGURACIÓN DE COOKIES


Esta web utiliza cookies operacionales que tienen un propósito puramente funcional y cookies de terceros que nos ayudan a entender cómo los visitantes interactúan con la web al recopilar información de forma anónima. Para obtener más información sobre estas cookies y el procesamiento de tus datos personales, consulta nuestra Política de privacidad y cookies. ¿Aceptas estas cookies y el procesamiento de datos personales que conlleva?


Si no lo haces, puedes rechazar las cookies no operacionales y seguir navegando por esta web haciendo clic aquí.