web-dev-qa-db-fra.com

Ouvrir automatiquement les outils de développement Chrome lorsque le nouvel onglet/nouvelle fenêtre est ouvert

J'ai une application HTML5 qui s'ouvre dans une nouvelle fenêtre en cliquant sur un lien. Je suis un peu fatigué d'appuyer sur Shift + I chaque fois que je veux enregistrer la communication réseau pour lancer Outils de développement parce que j'en ai toujours besoin. Je ne pouvais pas trouver une option pour garder les outils de développement toujours activés au démarrage.

Est-il possible d'ouvrir Outils de développement automatiquement lors de l'ouverture d'une nouvelle fenêtre dans Chrome?

google-chromegoogle-chrome-devtools
192
Alexander Sirobaba

UPDATE:

Le temps a changé, vous pouvez maintenant utiliser --auto-open-devtools-for-tabs comme dans cette réponse - Wouter Huysentruit le 18 mai à 11:08

OP:

J'ai joué avec la chaîne de démarrage de Chrome lors de l'exécution, mais je n'ai pas réussi à la faire persister dans de nouveaux onglets.
J'ai aussi pensé à une méthode PATH définie que vous pouvez appeler à partir de Prompt. Cela est possible avec la commande SendKeys, mais encore une fois, uniquement sur une nouvelle instance. Et DevTools ne persiste pas dans les nouveaux onglets.

En parcourant les forums de produits Google, il ne semble pas exister de méthode intégrée pour ce faire dans Chrome. Vous devrez utiliser une solution de frappe ou F12 comme mentionné ci-dessus.

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

73
Chiperific

Lors de l’ouverture des outils de développement, la fenêtre des outils de développement étant active, appuyez sur F1. Cela ouvrira une page de paramètres. Cochez la case "DevTools à ouverture automatique pour les popups".

Cela a fonctionné pour moi.

Screenshot

140
Saint

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

Donc, pour les propriétés sur 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: commutateurs chromium-ligne de commande

57
David

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
16
Erin Mills

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

Sous Réseau -> Conserver le journal Sous Outils de développement -> Ouvrir automatiquement les Outils de développement pour les popup

11
Andrew Patterson

F12 est plus facile que Ctrl + Maj + I

7
Yehia

Je suis venu ici à la recherche d'une solution similaire. Je voulais vraiment voir la sortie chromée pour le chargement de page à partir d'un nouvel onglet. (une soumission de formulaire dans mon cas) La solution que j’ai utilisée consistait à modifier l’attribut cible du formulaire afin que la soumission du formulaire ait lieu dans l’onglet actuel. J'ai pu capturer la demande de réseau. Problème résolu!

4
George Griffin

Oui, il y a un moyen de le faire

  1. Clic droit-> Inspecter-> sources (onglet)

  2. Vers votre droite, il y aura un "bouton d’exécution du script de pause" Je vais ajouter une image pour une meilleure clarification " Le bouton en surbrillance dans l’image dirigée par ce lien est le bouton d’exécution du script qui peut être interrompu ou lu comme par nécessité.Essayez-le vous-même " J'espère que cela vous aidera! Paix

    • P.S: C'est la première fois. À partir de la deuxième fois, l'outil de développement se charge automatiquement.
1
Harish

Tous ceux qui souhaitent le faire dans Visual Studio, cet article Code Project aidera. Ajoutez simplement "--auto-open-devtools-for-tabs" dans la boîte des arguments. Fonctionne en 2017.

1
Ron Rebennack

Si vous utilisez le code Visual Studio (vscode), utilisez la très populaire extension de débogage chrome vscode ( https://github.com/Microsoft/vscode-chrome-debug ) pour configurer un fichier de configuration de lancement launch.json et spécifier ouvrez l'outil de développement lors d'une session de débogage. 

C'est le launch.json que j'utilise pour mes projets React:

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "runtimeArgs": ["--auto-open-devtools-for-tabs"],
      "webRoot": "${workspaceRoot}/src"
    }
  ]
}

La ligne importante est "runtimeArgs": ["--auto-open-devtools-for-tabs"],

À partir de vscode, vous pouvez désormais saisir F5. Chrome ouvre également votre application et l'onglet de la console.

0
Vincent DAGOURY