Comment Afficher Console Javascript dans navigateurs internet Google Chrome, Firefox, IE, Microsoft Edge, Opera, Safari

Commençon par la fin, c.-à-d., le résumé :

Pour afficher les consoles de Javascript dans les navigateurs, voici les raccourcis à utiliser :

Navigateur	Menu	Raccourcis
Google Chrome	Bouton malette (Personnaliser et configurer Google Chrome/Customize and control Google Chrome)/Menu Outils/Console Javascript	Ctrl + Maj + J ou Ctrl + Maj + I
Firefox	Menu Firefox/Menu Développement web/Console d'erreurs	Ctrl + Maj + J
Safari	Bouton Outils/Afficher la barre des menus. Puis Bouton Outils/Préférences.../Avancées/Afficher le menu Développement dans la barre des menus	Ctrl + Alt + C ou Ctrl + Option + C (MacOS)
Opera	Menu Opera/Afficher la barre de menu. Puis dans la barre de menu, cliquez sur le menu Outils/Avancét/Opera Dragonfly	Ctrl + Maj + I
Edge	Bouton Outils [...]/Menu Outils de développement F12/Onglet Console	F12
IE	Bouton Outils/Menu Outils de développement F12/Onglet Console	F12

Continuons par le début, c.-à-d., les Expériences Navigateurs :

Pour les Webmasters, il est important que son site ne présente aucune faute d'exécution de son Javascript. Il suffit d'activer cette option dans IE 9 pour constater qu'il y a beaucoup de sites internet comportant des erreurs d'exécution de Javascript, >50% ?

Internet Explorer 9/Options Internet/Onglet Avancé/Navigation/Cocher l'option "Afficher une notification de chaque erreur de script"/Appuyez sur le bouton [OK].

Un popup va vous avertir à chaque erreur de script lorsque vous visitez un site non vérifié d'erreur de Javascript.

Une fois paramètrage fait, visitez avec IE le site "http://wordpress.com/", classé dans les top sites 21ième par Alexa.com.

Une fois vous êtes sur la page d'accueil http://wordpress.com/, cliquez sur le bouton [Watch a video], le vidéo démarre sans problème. Puis pressez le bouton [Reload] du navigateur, voici les 2 erreurs par capture d'écran du jeudi 4 avril 2013 :

Vous voyez que même un grand site professionnel commet des erreurs en Javascript.

C'est dire l'importance de déboguage de Javascript.

Afin d'afficher les erreurs Javascript, il faut activer la console de Javascript,  les navigateurs internet Google Chrome, Firefox, IE, Opera, Safari ont tous les démarches différentes.

Activer la console Javascript dans Google Chrome (Version 26.0.1410.43 m

) :

Bouton malette (Personnaliser et configurer Google Chrome/Customize and control Google Chrome)/Menu Outils/Console Javascript.

Ou par touches raccourcis : Ctrl + Maj + J

Les erreurs Javascript seront affichées dans l'onglet console.

Activer la console Javascript dans Firefox (Version 19.0.2):

Menu Firefox/Menu Développement web/Console d'erreurs.

Ou par touches raccourcis : Ctrl + Maj + J

La console d'erreurs Javascript que voici :

Activer la console Javascript dans Internet Explorer IE (Version 9.0.8112.16421):

Bouton Outils /Menu Outils de développement F12/Onglet Console.

Ou par touches raccourcis : F12

La console d'erreurs Javascript que voici :

Activer la console Javascript dans Opera (Version 12.15):

Menu Opera/Afficher la barre de menu. Puis dans la barre de menu, cliquez sur le menu Outils/Avancét/Opera Dragonfly Ctrl + Maj + I.

Ou par touches raccourcis : Ctrl + Maj + I

La console d'erreurs Javascript que voici :

Activer la console Javascript dans Safari (Version 5.1 (7534.50 

)) :

Bouton Outils/Afficher la barre des menus.


Puis Bouton Outils/Préférences.../Avancées/Afficher le menu Développement dans la barre des menus

Puis dans la barre des Menus, 

Menu "Développement"/Afficher la console d'erreurs Ctrl+Options+C.

Ou par touches raccourcis en Windows : Ctrl + Alt + C

Voici la console de Javascript :

Ici j'ai flouté quelques informations confidentielles.