Edición de una página web en Google Chrome (1 / 4 paso)

Paso 1: Utilizar las herramientas de desarrollador

En Google Chrome, hay una característica conocida como 'Developer Tools'. Esto es similar a una vista en pantalla del código fuente de las páginas, excepto que es en la dinámica de algunas maneras. Puede cambiar el código que ves, y la página web responderá en consecuencia. Así que, ¿cómo accedemos a esta función mágica? Simple. En el teclado, presione

Ctrl + Mayús + I

Que es una mayúscula i (I), no una l minuscula (L). Si lo desea para acceder a esta función sin su teclado, o no quiere probar y recuerden el atajo de teclado, nunca miedo. Simplemente pulse en el botón herramientas en la esquina superior derecha. Será como una llave, o una serie de tres líneas encima de la otra. Una vez allí, pasa el cursor sobre el menú Artículo Etiquetado herramientas, sobre a medio camino abajo del menú. Habrá otro menú que aparece. Cerca de la parte inferior aparece un elemento como Herramientas de desarrollo. Haga clic en él. Ahora tienes acceso al editor de fuente dinámica de Chrome. Para editar el HTML/CSS, desplácese hasta la ficha elementosde marcado. Para utilizar la consola de JavaScript, seleccione la ficha marcada consola.