319 votes

Automatiquement ouvrir les outils de développement Chrome lorsque nouvel onglet/nouvelle fenêtre est ouvert

J'ai une application HTML5 qui s'ouvre dans une nouvelle fenêtre à chaque fois que je clique sur un lien. Je suis un peu fatigué d'appuyer sur la commande Shift + I à chaque fois que je veux enregistrer la communication réseau pour lancer les Outils de développement car j'en ai toujours besoin. Je n'ai pas trouvé d'option pour activer automatiquement les Outils de développement au démarrage.

Y a-t-il un moyen d'ouvrir automatiquement les Outils de développement lorsque une nouvelle fenêtre s'ouvre dans Chrome?

1 votes

Je voudrais savoir cela aussi. Le seul moyen que j'ai trouvé est de modifier la source comme l'a fait ce type : [link]groups.google.com/forum/?fromgroups=#!topic/…

0 votes

J'ai cherché intensément, et la chose la plus proche que j'ai pu trouver est de créer un nouveau panneau à l'intérieur des outils de développement, avec une extension Chrome.

2 votes

Utiliser SendKeys avec Python, vous pouvez lancer Chrome et envoyer +^j pour simuler Ctrl Shift J, mais cela ne fonctionnerait qu'avec une nouvelle instance; vous devriez être un peu plus créatif avec selenium ou quelque chose d'autre pour naviguer vers une page donnée...

283voto

Saint Points 2437

En ouvrant les outils de développement, avec la fenêtre des outils de développement en focus, appuyez sur F1. Cela ouvrira une page de paramètres. Cochez la case "Auto-open DevTools for popups".

Cela a fonctionné pour moi.

entrez la description de l'image ici

17 votes

Cela fonctionne et répond exactement à ce qu'a demandé l'auteur de la question, cela devrait être marqué comme la réponse correcte.

2 votes

Aussi ne fonctionne pas pour moi avec WebStorm. La page s'ouvre mais aucun outil de développement.

0 votes

Cela a fonctionné pour moi. En ouvrant la console, j'ai cliqué sur un lien sur ma page qui s'ouvre dans un nouvel onglet et ensuite elle a été ouverte avec une console. Merci.

111voto

Chiperific Points 536

MISE À JOUR 2:

Voir cette réponse . - 2019-11-05

Vous pouvez désormais également ouvrir automatiquement les outils de développement dans les pop-ups si ils étaient ouverts là où vous les avez ouverts. Par exemple, si vous n'avez pas les outils de développement ouverts et que vous obtenez une pop-up, elle ne s'ouvrira pas avec les outils de développement. Mais si vous avez les outils de développement ouverts et que vous cliquez sur quelque chose, la pop-up ouvrira automatiquement les outils de développement.

MISE À JOUR:

Le temps a changé, vous pouvez désormais utiliser --auto-open-devtools-for-tabs comme dans cette réponse – Wouter Huysentruit May 18 at 11:08

OP:

J'ai joué avec la chaîne de démarrage pour Chrome à exécuter, mais je n'ai pas réussi à la faire persister dans les nouveaux onglets.
J'ai aussi pensé à une méthode de chemin définie que vous pourriez invoquer à partir de la fenêtre de commandes. C'est possible avec la commande SendKeys, mais encore une fois, seulement sur une nouvelle instance. Et les outils de développement ne persistent pas dans les nouveaux onglets.

En parcourant les forums produits de Google, il ne semble pas y avoir de moyen intégré de le faire dans Chrome. Vous devrez utiliser une solution par combinaison de touches ou F12 comme mentionné ci-dessus.

Je l'ai recommandé comme une fonctionnalité. Je sais que je ne suis pas le premier non plus.

1 votes

@Seanny123 : corrigé ! Si vous voulez cela comme une fonctionnalité, n'hésitez pas à mettre une étoile sur ce bogue Chromium : code.google.com/p/chromium/issues/detail?id=410958

1 votes

@Chiperific, vous avez dit que vous jouiez avec la chaîne de démarrage pour Chrome lors de l'exécution, mais vous n'avez pas pu la faire persister sur de nouveaux onglets. J'ai besoin de ce comportement au démarrage pour un seul onglet uniquement. Pouvez-vous partager la manière dont vous l'avez fait pour un seul onglet ?

11 votes

Le temps a changé, vous pouvez maintenant utiliser --auto-open-devtools-for-tabs comme dans cette réponse

107voto

David Points 1017

Il y a un commutateur de ligne de commande pour cela : --auto-open-devtools-for-tabs

Ainsi, sur Windows, pour les propriétés du raccourci Google Chrome, utilisez quelque chose comme ceci :

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --auto-open-devtools-for-tabs

Voici un lien utile : chromium-command-line-switches.

Selon la documentation DevTools, voici les commandes pour chaque plateforme à partir de la ligne de commande :

  • MacOS :

    open -a "Google Chrome" --args --auto-open-devtools-for-tabs
  • Windows :

    start chrome --auto-open-devtools-for-tabs
  • Linux :

    google-chrome --auto-open-devtools-for-tabs

1 votes

Cela fonctionne certainement et devrait probablement être marqué comme réponse acceptée maintenant. Vérifié pour chromium Version 50.0.2661.102 Ubuntu 15.10 (64-bit) et l'ai ouvert comme ceci chromium-browser --auto-open-devtools-for-tabs

6 votes

Ce n'est pas compatible avec Windows 7 Version 51.0.2704.103 m

9 votes

La commande complète pour OS X est (quitter tout processus Chrome en cours d'exécution d'abord) : /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --auto-open-devtools-for-tabs

33voto

Erin Mills Points 311

Sur un Mac: Quittez Chrome, puis exécutez la commande suivante dans une fenêtre de terminal :

open -a "Google Chrome" --args --auto-open-devtools-for-tabs

2 votes

Pour clarifier : cela ouvre Chrome avec le drapeau auto-open-devtools-for-tabs défini. Quitter Chrome et le rouvrir en utilisant le raccourci d'application normal ouvrira Chrome sans le drapeau défini. Si vous souhaitez un raccourci pour ouvrir Chrome avec ce drapeau sans avoir à ouvrir une fenêtre de terminal, vous pouvez créer un workflow dans Automator, ajouter un élément "Exécuter un script Shell" et coller le script ci-dessus. Enregistrer le workflow en tant qu'application créera une application cliquable. Voir cette réponse dans un autre fil de discussion : stackoverflow.com/a/281455/1512790

22voto

Andrew Patterson Points 343

Sous les paramètres de Chrome DevTools, vous activez :

Sous Réseau -> Conserver le journal Sous DevTools -> Ouvrir automatiquement DevTools pour les popups

0 votes

La meilleure réponse à mon avis

3 votes

Bonne réponse mais expliquée pour linux: Allez dans la console développeur. Allez dans le menu hamburger. cliquez sur paramètres (ou f1). dans la section réseau, cochez la case conserver le journal. dans la section devtools, cochez la case ouvrir automatiquement les devtools pour les popups

3 votes

Sur MacOS dans Chrome 85, il se trouve maintenant sous Paramètres -> Section globale.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X