Ouvrir automatiquement les outils de développement Chrome lors de l'ouverture d'un nouvel onglet / d'une nouvelle fenêtre

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 souhaite enregistrer la communication réseau pour lancer les outils de développement, car j'en ai toujours besoin. Je n'ai pas pu trouver d'option pour que les outils de développement restent toujours activés au démarrage.

Existe-t-il un moyen d'ouvrir automatiquement les outils de développement lors de l'ouverture d'une nouvelle fenêtre dans Chrome?

MISE À JOUR 2:

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

Vous pouvez également désormais les ouvrir automatiquement dans les fenêtres de développement si elles étaient ouvertes d'où vous les avez ouvertes. Par exemple, si vous n'avez pas Dev Tools ouvert et que vous obtenez un popup, il ne s'ouvrira pas avec Dev Tools. Mais si vous avez Dev Tools ouvert et que vous cliquez ensuite sur quelque chose, la fenêtre contextuelle aura Dev-Tools ouvert automatiquement.

METTRE À JOUR:

Le temps a changé, vous pouvez maintenant utiliser --auto-open-devtools-for-tabs comme dans cette réponse - Wouter Huysentruit 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 pu la faire persister dans de nouveaux onglets.
J'ai également pensé à une méthode PATH définie que vous pourriez invoquer à partir de l'invite. 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 des produits Google, il ne semble pas y avoir de moyen intégré de le faire dans Chrome. Vous devrez utiliser une solution de frappe ou F12comme mentionné ci-dessus.

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

Lors de l'ouverture des outils de développement, avec la fenêtre des outils de développeur en surbrillance, appuyez sur F1. Cela ouvrira une page de paramètres. Vérifiez les "DevTools à ouverture automatique pour les popups".

Cela a fonctionné pour moi.

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 de ligne de commande de chrome

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

Sous les paramètres Chrome DevTools, vous activez:

Sous réseau -> Conserver le journal sous DevTools -> DevTools à ouverture automatique pour les popups

F12 est plus facile que Ctrl + Maj + I

La fenêtre des outils de développement étant visible, cliquez sur l'icône de menu (les trois points verticaux dans le coin supérieur droit) et cliquez sur Paramètres .

Sous Dev Tools , cochez l' option Auto-open DevTools for popups

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

Quiconque cherche à le faire dans Visual Studio, cet article de projet de code vous aidera. Ajoutez simplement "--auto-open-devtools-for-tabs" dans la boîte d'arguments. Fonctionne en 2017.

Si vous utilisez Visual Studio Code (vscode), en utilisant l'extension de débogage chrome vscode très populaire ( https://github.com/Microsoft/vscode-chrome-debug ), vous pouvez configurer un fichier de configuration de lancement launch.jsonet spécifier d'ouvrir l'outil de développement pendant une session de débogage.

C'est ce launch.jsonque 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 maintenant taper F5, Chrome ouvre également votre application et l'onglet console.

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"

J'espère que ça aide! Paix

• PS: c'est la première fois, à partir de la deuxième fois l'outil de développement se charge automatiquement

Utiliser un --auto-open-devtools-for-tabsindicateur lors de l'exécution de Chrome à partir de la ligne de commande

/ Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome --auto-open-devtools-for-tabs

https://developers.google.com/web/tools/chrome-devtools/open#auto

Vous pouvez ouvrir Dev Tools ( F12dans Chrome) dans une nouvelle fenêtre clicking three, vertical dotsdans le coin inférieur droit et choisir Open as Separate Window.