Cómo inspeccionar un elemento en una computadora portátil Chromebook?
Importancia de inspeccionar un elemento web
El elemento de inspección es útil de muchas maneras como puede:
- Consulte el código fuente de la página web
- Realizar la depuración
- Busque las palabras clave
- Editar CSS, archivos HTML para cambiar la página web
- En el panel de la consola puede verificar las nuevas funciones
- Descargar las imágenes
- Puedes ver información oculta
Formas de inspeccionar elementos web en Chromebook
Google Chrome es el navegador predeterminado en Chromebook. Hay tres formas diferentes a través de las cuales las páginas web pueden inspeccionarse en su Chromebook:
- A través de la opción de herramientas de desarrollador
- A través de la tecla de acceso directo del teclado
- Mediante el mouse o el panel táctil
1: a través de la opción de herramientas de desarrollador
La "herramientas de desarrollador" se conoce como el panel de elementos que le permite cambiar su página desde el delantero. También le permite ver los cambios directamente en su página sin implementarlos. Puede inspeccionar su sitio web en el Chromebook usando el modo de desarrollador.
Para abrir las herramientas de desarrollador en su Chromebook siguiendo estos pasos:
Paso 1: Abra el navegador Chrome en su Chromebook:
Paso 2: Haga clic en el icono de tres puntos en el navegador Chrome:
Paso 3: Haga clic en más herramientas y seleccione Herramientas de desarrollador:
Etapa 4: Esto abrirá el modo de desarrollador donde puede ver el código fuente de la página web:
2: a través de la tecla de acceso directo del teclado
El atajo de teclado es el método más fácil para inspeccionar en Chromebook. Si abre algún sitio web y cualquier elemento en la página, atrapa su atención, y tiene curiosidad por saber sobre ese elemento, presione el Ctrl+Shift+I Para abrir el Herramientas de desarrollo e inspeccionar ese elemento.
3: usando el mouse o el panel táctil
Puede usar el elemento Inspect para reproducir con código web en la pantalla directamente. Es la información detallada de la página, su diseño y estilo. Si desea cambiar cualquier elemento o estilo, simplemente abra el sitio web y haga clic derecho en la página y seleccione la Inspeccionar Opción del menú. Una herramienta de desarrollador estará abierta donde puede cambiar el texto de acuerdo con sus preferencias.
Cómo desbloquear la opción Inspect Element en Chromebook?
No hay un método específico para desbloquear el elemento Inspect en Chromebook. Principalmente en la administración de Chromebook de la escuela bloquea el elemento Inspect, en este caso contactar al administrador para habilitar el elemento Inspect o también puede comprar un Chromebook personal.
Otra forma de desbloquear el elemento Inspect en Chromebook es deshabilitar la opción JavaScript. Siga estos pasos para bloquear el JavaScript:
Paso 1: Haga clic en la opción de tres puntos para abrir el Ajustes del navegador Chrome:
Paso 2: Buscar javascript y haga clic en Configuración del sitio:
Paso 3: Navegar hacia el Javascript opción:
Etapa 4: En el último paso seleccione No permita que los sitios usen JavaScript, Esto apagará la opción JavaScript para todos los sitios web.
Nota: Puede apagar la opción JavaScript para algunos sitios web específicos seleccionando el comportamiento personalizado y hacer clic en Agregar sitio:
Ahora la opción Inspect estará disponible cuando haga clic derecho en cualquier sitio web.
Conclusión
Inspect Element es una opción de desarrollador a través de la cual puede verificar y modificar el código web y hacer cambios según usted. Esta opción también se usa para depurar el código web. Si no tiene conocimiento sobre la inspección de elementos web, entonces este artículo será realmente útil para usted.