¿Cuál sería la acción para cambiar el código usando el elemento de inspección de la página web?

Hola ! No puede cambiar el código real de una página web usando el elemento de inspección, pero puede hacer un montón de cosas interesantes usando las herramientas de desarrollador / elemento de inspección que son útiles en el desarrollo.

  1. Puede verificar el HTML representado de una página web y cambiarlo en consecuencia solo para su vista, lo que significa que no cambiará el código real.
  2. Puede verificar las propiedades css / styling de cualquier elemento en la página. Incluyendo propiedades css escritas, heredadas y calculadas.
  3. Puede consultar los mensajes de depuración / información / error / registro / advertencia en la consola, generados por el código javascript (cualquier biblioteca que haya utilizado o script que haya escrito usted mismo). Esta es la forma más fácil de depurar en javascript.
  4. Puede verificar la actividad de red de la página web. (Estado, método, solicitud, respuesta, tamaño, duración, línea de tiempo, etc.)
  5. Puede agregar la opción de limitación en la red y verificar cómo se cargará la página en otra velocidad de Internet.
  6. Puede usar la simulación de dispositivo y pantalla para verificar cómo se verá la página web en varios dispositivos y tamaños de pantalla.
  7. Para realmente depurar códigos javascript. (Ver expresión, agregar puntos de interrupción, etc.)
  8. Puede consultar todos los recursos y sus detalles que se están cargando con la página web.
  9. Puede usar la opción de auditoría para conocer las sugerencias para mejorar su página web.
  10. También puede usar opciones como caché deisable, JavaScript y otros para verificar cómo se cargará su página web y cómo responderá su código a esas situaciones.

Oye, con el elemento de inspección solo puedes cambiar cosas dom. Significa principalmente html y css y algunos javascript también, pero no todos.

Entonces, viniendo a tu pregunta.

Podemos inspeccionar el elemento y hacer clic derecho sobre él y seleccionar editar elemento y listo. Todo es html normal. También tiene otras opciones para copiar o eliminar el elemento dom.

Incluso puede agregar css cambiando / agregando el atributo de estilo a la etiqueta. ¡Espero eso ayude! Buena suerte .. 🙂

Hola, con las herramientas de desarrollo puede disminuir drásticamente el tiempo de desarrollo requerido y la mejor parte es usar bootstrap y diseñar los componentes de bootstrap con herramientas de desarrollo que le brindan una buena exposición para saber cómo están diseñados realmente los componentes de bootstrap. Puede anular el CSS existente de los componentes de bootstrap utilizando herramientas de desarrollo de acuerdo con sus necesidades y las herramientas de desarrollo tienen muchas cosas interesantes que lo ayudarán a aprender y saber más sobre Desarrollo Web.