Comment ouvrir la console JavaScript dans différents navigateurs?

78

Les navigateurs Web fournissent une console JavaScript dans le cadre de leurs outils de développement. Cette console est utile pour les raisons suivantes:

  • Les erreurs et les avertissements survenant sur une page Web sont consignés dans la console.
  • Les commandes JavaScript permettant d’interagir avec une page Web peuvent être exécutées dans la console.

Quels sont les raccourcis clavier pour ouvrir la console dans différents navigateurs?

Šime Vidas
la source
Je suis allée créer un lien qui relie ici, donc si vous avez besoin de charger un public de navigateurs variés d'ouvrir leur console javascript ... tinyurl.com/jscons
MalcolmOcean Du

Réponses:

65

Chrome

Ouverture du panneau "Console" de l' outil de développement de Chrome :

  • Windows et Linux: Ctrl+ Shift+J

  • Mac OS: Cmd+ Opt+J

Remarque: en plus du panneau «Console», il existe également une console coulissante plus petite sur laquelle vous pouvez basculer Esclorsque l'un des autres panneaux est actif.

Documentation complète


Firefox

Ouvrir le panneau “Console” dans les outils de développement de Firefox :

  • Windows: Ctrl+ Shift+K

  • Mac OS: Cmd+ Opt+K

Remarque: en plus du panneau «Console», il existe également une console coulissante plus petite sur laquelle vous pouvez basculer Esclorsque l'un des autres panneaux est actif.

Documentation complète


Internet Explorer

Ouverture du panneau "Console" dans les outils de développement F12 d' Internet Explorer :

  • F12, puis cliquez sur l'onglet “Console”

Remarque: en plus du panneau «Console», il existe également une console coulissante plus petite qui peut être basculée via Ctrl+ `pendant que l'un des autres panneaux est actif.

Documentation complète


Safari

Remarque: pour afficher la console dans Safari, vous devez activer le paramètre «Afficher le menu de développement dans la barre de menus» dans le volet «Avancé» des préférences de Safari ( capture d'écran ).

Ouverture du panneau «Console» dans l' inspecteur Web de Safari :

  • Cmd+ Opt+C

Remarque: en plus du panneau «Console», il existe également une console coulissante plus petite sur laquelle vous pouvez basculer Esclorsque l'un des autres panneaux est actif.

Documentation complète


Opéra

  • Windows et Linux: Ctrl+ Shift+I
  • Mac: + +I

Documentation complète

Šime Vidas
la source
1
Dans Firefox, il peut être ouvert dans une fenêtre séparée (et être global - pas seulement pour l'onglet actuel) par le menu OutilsDéveloppeur WebConsole de navigateur .
Peter Mortensen
F12 fonctionne dans de nombreux navigateurs.
Álvaro González
11

Pour accéder indirectement à la console dans Opera (cochée sous v9.6), le raccourci clavier est Ctrl+ Shift+, itandis que sous Safari 5 (sous Windows), il s’agit de Ctrl+ Alt+i

Je souhaite que tous les fabricants de navigateurs puissent se réunir pour normaliser les raccourcis clavier .

Mise à jour: il semble que l'onglet REPL sous l'onglet Scripts d'Opera Dragonfly dans Opera 11 soit similaire à l'option Console disponible dans les versions précédentes d'Opera.

Je n'ai pas trouvé beaucoup de documentation sur REPL après une recherche superficielle, à l' exception de cet article qui a une référence indirecte.

J'ai essayé cette commande dans REPL avec la page d'accueil Google ouverte et elle s'est bien exécutée, c'est-à-dire qu'elle masquait le logo Google - document.getElementById ('logo'). Style.visibility = 'caché';

mvark
la source
CTRL + SHIFT + Je vais ouvrir les outils de développement dans Opera. Mais où est la console JavaScript? Où puis-je entrer du code JavaScript et l'exécuter?
Šime Vidas
CTRL + ALT + I ne fait rien dans mon Safari 5 sous Windows 7. Pouvez-vous confirmer que cela fonctionne?
Šime Vidas
Cela peut être dû au fait que l'option de menu Développer n'est pas activée. Pour activer cette option, sélectionnez Édition> Préférences et, dans l'onglet Avancé, cochez la case "Afficher le menu de développement dans la barre de menus".
Mvark le
C'était mon problème. Stupide Apple désactivant les fonctionnalités de développement par défaut. :)Merci.
Šime Vidas
Oui c'est ça. J'ai négligé cet onglet REPL en bas LOL
Šime Vidas Le