Debugger une page avec IE

, par  Alain Laponche --- ---

Dans le navigateur Edge Microsoft, lire la page à évaluer et appeler les outils de développement (ou F12)

Dans "Explorateur DOM", descendre sur l’élément à étudier (en général au sein de ’body’). Picto actif : Le rectangle
Confirmation que l’on couvre bien la zone affichée en sélectionnant le picto "carré encastré"
NB : pour se positionner sur un texte, le plus simple est de taper un mot de ce texte dans la zone de recherche

Dans la fenêtre inférieure droite, les styles en vigueur.
On peut les modifier ponctuellement (aucun enregistrement sur le serveur).
Le mode "calculé" donne un aperçu global
Et la "Disposition" récapitule tous les espacements (padding, border, ...)