1. débogueur ;J’ai déjà dit que vous pouvez ajouter une phrase débogueur à votre code Javascrip{filter}t ; pour créer un effet de point de rupture à la main.
Besoin d’un point de rupture avec les conditions ? Il suffit de l’entourer d’une phrase if :
Mais n’oubliez pas de les supprimer avant la sortie du programme.
2. Régler le point d’arrêt pour qu’il se déclenche lorsque le nœud DOM change
Parfois, vous constaterez que le DOM est hors de votre contrôle et subit de lui-même des changements étranges, rendant difficile d’atteindre la racine du problème.
Il existe une fonctionnalité très utile dans les outils de développement de Google Chrome qui peut gérer cette situation, appelée « Break on... », vous pouvez faire un clic droit sur le nœud DOM et voir cet élément de menu.
La condition de déclenchement d’un point d’arrêt peut être définie de sorte que le nœud soit supprimé, que les propriétés du nœud changent, ou qu’un de ses sous-nœuds change.
3. Points de rupture de l’Ajax
Les points d’arrêt XHR, ou points d’arrêt Ajax, comme leur nom, nous permettent de définir un point d’arrêt qui déclenche l’appel Ajax d’une fonctionnalité lorsqu’il se produit.
C’est très efficace lorsque vous déboguez une application web sur un réseau.
4. Environnement de simulation d’appareil mobile
Google Chrome propose des outils très intéressants pour simuler les appareils mobiles qui nous aident à déboguer le fonctionnement du programme sur l’appareil mobile.
Pour la trouver, appuyez sur F12, ouvrez les outils de développement, puis appuyez sur la touche ESC (l’onglet actuel ne peut pas être Console), et vous verrez apparaître la fenêtre de second niveau de débogage, dans l’onglet Émulation avec différents dispositifs d’émulation parmi lesquels choisir.
Bien sûr, ce ne sera pas un véritable iPhone, mais simplement une simulation des dimensions de l’iPhone, des événements tactiles et des valeurs User Agent du navigateur.
5. Améliorez votre site web avec des audits
YSlow est un excellent outil. Il existe un outil très similaire dans les outils de développement de Google Chrome, appelé Audits.
Il audite rapidement votre site web et vous propose des suggestions très pratiques et efficaces ainsi que des moyens d’optimiser votre site.
|
Publié sur 13/06/2017 13:11:32
|
|
|
|
Publié sur 13/06/2017 15:24:17