[Build 14] – IE11’s developer tools just got nicer

Mail de Mehdi
Samedi 5 avril 2014 11:00
IE11’s developer tools just got nicer 
Speaker : Andy Sterland
On commence directement par une démo.

Nouveautés : on a un maintenant un bouton step qui nous permet de faire un step et ne debugger que notre code sans accéder aux bibliothèques (jquery par exemple) cette fonction est configurable par défaut sur les fichiers mimifé, sinon on peut choisir les fichiers js qu’on définit comme librairie ou pas.

Maintenant nous avons la possibilité de faire un break dans les exceptions déclenchées par notre code et d’ignorer les exceptions des librairies.

Le debug des fichiers type script fonctionne !!! Plus besoin de passer le code JavaScript généré ! Il existe un bouton pour faire le passage entre les fichiers TS et les fichiers JS.

Le debugger garde maintenant les paramètres même si on ferme la page courante !
(exemple : plusieurs points d’arrêts dans un fichier JS => on ferme notre page => on la ré ouvre => on ouvre le debugger avec F12, nos breaks points sont toujours là !)

Avec console.log on peut inspecter un objet maintenant !

Les erreurs peuvent être enregistrées même avant l’ouverture de la console.

Nouvelle commande dans la console « $_ » pour récupérer la dernière expression.

On passe au dom explorer : Nouveauté : on a des indicateurs avec des couleurs pour les changements dans les css (orange = modifier, rouge = supprimer, vert= nouvelle)

On un onglet « changes » qui rassemble aussi les changements des css qu’on a appliqué en live ! Le copier-coller des valeurs dans cet onglet permet de recopier les bonnes valeurs = ce qui est modifié est gardé ce qui est supprimé est effectivement supprimé dans le copier (cool !)

Maintenant on peut forcer le mode hover et visited dans le dom !

On passe rapidement sur WP, une seule info à retenir, on a accès aux mêmes options de debug.
Mehdi

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s