Ci-dessous, les différences entre deux révisions de la page.
| Prochaine révision | Révision précédente |
| web:javascript:console [2021/06/19 11:01] – créée phil | web:javascript:console [2021/08/11 11:01] (Version actuelle) – phil |
|---|
| | [[web:javascript|{{ :iconemaison.jpg?nolink&25|Accueil JavaScript}}]] |
| |
| | ==== JavaScript - La console des navigateurs ==== |
| | |
| | [Mise à jour le 25/6/2021] |
| | |
| | * **Sources** : |
| | * <html><a href="https://developer.mozilla.org/fr/docs/Apprendre/Commencer_avec_le_web/Les_bases_JavaScript" target="_blank">MDN web docs Mozilla</a></html> |
| | * Source : <html><a href="https://developer.mozilla.org/fr/docs/Outils/Console_Web" target="_blank">Console Web</a></html> |
| | |
| | ---- |
| | |
| | === 1. La console === |
| | |
| | Tous les navigateurs modernes proposent des outils d'aide à la programmation et au débogage. On accède à la console de chrome sous Windows avec la touche **F12**. |
| | |
| | {{ :web:javascript:wconsole.png?nolink |}} |
| | |
| | <note>La console JavaScript affiche par défaut l'ensemble des erreurs graves détectées dans la page. C'est également le moyen pour interagir avec la page en cours de consultation et les scripts associés.</note> |
| | |
| | {{ :web:javascript:wconsole2.png?nolink |}} |
| | |
| | ---- |
| | |
| | === 2. Les outils de la console === |
| | {{ :web:javascript:webdev.jpg?nolink&30|}} |
| | * L'extension <html><a href="https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=fr" target="_blank">web developer</a></html> |
| | |
| | * Programmer et partager en ligne |
| | * <html><a href="https://codepen.io/" target="_blank">codepen.io</a></html> |
| | * <html><a href="https://jsbin.com/?html,output" target="_blank">jsbin.com</a></html> |
| | * <html><a href="https://jsfiddle.net/" target="_blank">jsfiddle.net/</a></html> |