¿Es usted un desarrollador web o alguien que quiere utilizar una Chromebook para inspeccionar un elemento en una página web? Sólo se necesitan unos pocos clics.
Se necesita mucho para crear una página web. Si tiene curiosidad acerca de qué hay detrás de un elemento específico en una página, es posible que desee ver el código. Como un computadora portátil con ventanas, puede inspeccionar los elementos a través de la opción de herramientas de desarrollador en su gran Chromebook o uno de los muchas tabletas ChromeOS. Y hay dos maneras de hacerlo.
Si está utilizando una Chromebook administrada por una escuela o empresa, es posible que la función de inspección del elemento esté bloqueada y no podrá seguir los pasos de esta guía. No hay forma de desbloquearlo sin preguntarle primero al administrador. Los elementos de inspección pueden estar bloqueados por su seguridad y para evitar la ingeniería inversa y las trampas en los exámenes en línea.
Es posible que los desarrolladores web y los usuarios más avanzados de ChromeOS quieran inspeccionar el elemento en una Chromebook a través del menú de herramientas para desarrolladores. Este sencillo menú en ChromeOS te permite profundizar en lo que hay en una página web. No está muy escondido, pero así es como puedes encontrarlo.
- Haga clic en los tres puntos al lado del icono de su perfil en la barra de menú de Chrome.
- Elegir el Más herramientas opción.
- Elegir Herramientas de desarrollo.
- Se abrirá una consola en el lado derecho de la página web, mostrándote el código del sitio web en el que te encuentras.
- En la parte superior izquierda de esta consola, verás un ícono cuadrado con un mouse. Pinchalo. También puedes presionar Ctrl + Mayús + C para activar la función.
- Ahora podrá colocar el mouse en cualquier lugar de la página web que desee y aparecerá el código para ese elemento específico.
- Haga clic en el área sobre la que se encuentra para ver el código en la consola de la derecha.
También puedes evitar este menú por completo simplemente activándolo automáticamente con Ctrl + Mayús + I en tu teclado.
Inspeccionar elementos en una Chromebook usando un mouse o panel táctil
Al igual que otros navegadores web, Chrome te permite inspeccionar elementos usando solo el mouse o el panel táctil.
- Pase el mouse sobre la parte de la página web que desea inspeccionar.
- Haga clic derecho en esa área.
- Elegir Inspeccionar desde el menú.
- Se abrirá el menú de herramientas para desarrolladores de Chrome.
- Haga clic en el icono cuadrado con el mouse en la parte superior del menú. También puedes presionar Ctrl + Mayús + C para activar la función.
- Pase el cursor sobre el área que desea inspeccionar y verá aparecer el código.
- Haga clic en el elemento que desea llevar a esa línea de código en la consola.
No hace falta mucho para inspeccionar el elemento de una página web en un Chromebook. Hay dos métodos sencillos, siempre que su administrador los haya habilitado. Si desea obtener más información sobre ChromeOS, consulte nuestras guías sobre cómo puede cambia tu fondo de pantalla todos los días y como puedes control remoto en un Chromebook.