IP Girl
  1. IP Girl
  3. Comment repositionner les outils de développement Chrome
Intereting Posts
Comment puis-je détecter le système d’exploitation en Perl? Erreur Font-Awesome 404 sur les fonts Encodage forcé de US-ASCII à UTF-8 (iconv) Atsortingbuts de modèle ActiveRecord non persistants Que définit exactement la propriété de flex-base? Quand utiliser “ON UPDATE CASCADE” Pourquoi C # exécute-t-il Math.Sqrt () plus lentement que VB.NET? Android / iOS – Gestion personnalisée des URI / protocoles Comment redirect l’URL du navigateur de l’utilisateur vers une autre page dans Nodejs? Forcer plusieurs threads à utiliser plusieurs processeurs lorsqu’ils sont disponibles Meilleure pratique de recherche inversée Java Comment utiliser des sessions dans une application ASP.NET MVC 4? Qu’est-ce qu’un bon wrapper OO C ++ pour sqlite Comment les erreurs doivent-elles être gérées lors de l’utilisation du RESTAdapter Data Ember.js? Configuration de l’application web de production Golang

Comment repositionner les outils de développement Chrome

Les outils sont ouverts en bas de la fenêtre chrome par défaut. C’est un mauvais choix pour un écran large car il y a beaucoup d’espace vide à droite, mais pas beaucoup d’espace vertical. Malheureusement, je n’ai trouvé aucun moyen de repositionner les outils. Je voudrais les avoir sur le côté, similaire à firebug.

La seule option similaire à ce que je veux est de détacher les outils de développement et de placer les fenêtres de chrome et d’outils côte à côte. Ce n’est pas très pratique pour effectuer rapidement une tabulation d’alt à partir de l’EDI vers le navigateur et inversement, donc une solution “intégrée” serait bien.

Chrome 46 ou plus récent

Cliquez sur le bouton de sélection vertical (⋮), puis choisissez l’option de fixation souhaitée.

Chrome 45 ou plus

Maintenez l’icône du dock en haut à droite. Il apparaît une option pour changer la station d’accueil

Pour modifier la répartition entre les panneaux HTML et CSS, accédez à DevTools dans Paramètres (F1)> Général> Apparence> Disposition du panneau.

Placez votre pointeur sur le bouton du dock et cliquez-le longuement (quelques secondes) ou cliquez avec le bouton droit et gauche de la souris en fonction de la version du navigateur.

entrer la description de l'image icientrer la description de l'image ici

Raccourci clavier pour basculer la position d’accueil (côté / bas)

CTRL + MAJ + D

Et il y a beaucoup de raccourcis que vous pouvez les voir en allant à

Paramètres »Raccourcis , affichés ici:
Capture d'écran des paramètres

Sinon, utilisez CTRL + ? pour accéder aux parameters, à partir de là, vous pouvez accéder au sous-élément “Raccourcis” sur la gauche ou utiliser la référence officielle .

On dirait que ceci est en bas à gauche maintenant comme une icône avec des fenêtres qui se chevauchent et “Undock dans une fenêtre séparée”. info-bulle.

entrer la description de l'image ici

Après avoir placé mon quai à droite (voir les réponses plus anciennes), j’ai toujours trouvé les panneaux séparés verticalement.

Pour diviser les panneaux horizontalement – et même obtenir plus de la largeur de votre écran – allez dans Réglages (coin inférieur droit), et décochez la case «Diviser les panneaux verticalement lorsqu’ils sont ancrés à droite».

Maintenant, vous avez tous les panneaux de gauche à droite: p

En octobre 2014, version 39.0.2171.27 bêta (64 bits)

Je devais aller dans le panoramique de Chrome Web Developper dans “Paramètres” et décocher les panneaux de séparation verticalement lorsqu’ils étaient ancrés à droite

La version 56.0.2924.87 dans laquelle je me trouve actuellement désamorce automatiquement les DevTools si vous n’êtes pas sur un bureau. Sinon, ouvrez un nouvel onglet Chrome et inspectez pour réinstaller les DevTools dans la fenêtre.