Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:javascript:console [2021/06/25 16:42] – phil
+++ web:javascript:console [2021/08/11 09:19] – modification externe 127.0.0.1
@@ Ligne 1: / Ligne 1: @@
+[[|{{ :suivant.png?nolink&30|}}]] [[|{{ :retour.png?nolink&30|}}]][[web:javascript|{{ :iconemaison.jpg?nolink&30|Accueil JavaScript}}]]
+===== La console des navigateurs, outils =====
+[Mise à jour le 25/6/2021]
+{{ :web:javascript.jpg?nolink&150|}} {{  :web:web.png?nolink&100|}}
+  * **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 ====
+{{ :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>