Édition d’une page Web dans Google Chrome (1 / 4 étapes)

Étape 1: Utiliser les outils du développeur

Dans Google Chrome, il y a une fonctionnalité appelée « Developer Tools ». Cela revient à une vue à l’écran sur le code source des pages Web, sauf que c’est dans une dynamique de façons. Vous pouvez modifier le code que vous voyez, et la page Web répondra en conséquence. Alors, comment nous accéder à cette fonctionnalité magique ? Simple. Sur votre clavier, appuyez sur

Ctrl + Maj + I

Occupez-vous de vous, c’est une majuscule i (I), pas un l minuscule (L). Si vous préférez accéder à cette fonction sans votre clavier, ou ne voulez pas essayer et n’oubliez pas le raccourci clavier, n’ayez crainte. Appuyez simplement sur le bouton outils dans le coin supérieur droit. Il va ressembler à une clé, ni une série de trois lignes superposées. Une fois là, survolez le menu élément option Outils, sujet à mi-chemin le menu déroulant. Il y aura un autre menu qui s’affiche. Près du fond est un élément étiqueté Developer Tools. Cliquez dessus. Maintenant, vous avez accès à l’éditeur de code source dynamique de Chrome. Pour modifier le HTML/CSS, accédez à l’onglet éléments. Pour utiliser la JavaScript Console, sélectionnez l’onglet Console.