Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
web:javascript:console [2021/06/19 11:03] – 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> |