web-dev-qa-db-fra.com

Comment repositionner les outils de développement Chrome

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

La seule option similaire à celle que je souhaite consiste à détacher les outils de développement et à placer chrome et la fenêtre des outils côte à côte. Ce n’est pas très pratique pour alt-taber rapidement du IDE au navigateur et inversement, une solution "intégrée" serait donc Nice.

464
kostja

Chrome 46 ou plus récent

Cliquez sur le bouton Ellipsis vertical (), puis choisissez l'option d'ancrage souhaitée.

Chrome 45 ou plus ancien

Maintenez l'icône du dock en haut à droite. Il apparaît une option pour changer le docking 

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

862
loislo

Placez votre pointeur sur le bouton du dock et faites un clic long dessus (quelques secondes) ou un clic droit et gauche en fonction de la version du navigateur.

enter image description hereenter image description here

69
user3246105

Raccourci clavier pour basculer en position d’ancrage (côté/bas)

CTRL+SHIFT+D

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

Paramètres "Raccourcis , comme indiqué ici:
Settings screenshot

Sinon, utilisez CTRL + ? pour aller dans les paramètres, on peut accéder au sous-menu "Raccourcis" à gauche ou utiliser le référence officielle .

40
Alupotha

On dirait que c'est en bas à gauche maintenant une icône avec des fenêtres qui se chevauchent et le "Désancrer dans une fenêtre séparée" infobulle.

enter image description here

18
brian_d

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

Pour diviser les panneaux horizontalement (et même plus avec la largeur de votre écran), accédez à Paramètres (coin inférieur droit), puis décochez la case "Séparer les panneaux verticalement lorsqu'ils sont ancrés à droite".

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

11
user2243570

Version octobre 2009, version 39.0.2171.27 bêta (64 bits)

J'avais besoin d'aller dans le panoramique Chrome Web Developper dans "Paramètres" et de décocherSéparer les panneaux verticalement lorsque ancré à droite

8
Pierre Maoui

La version 56.0.2924.87 dans laquelle je suis, désancre automatiquement les outils de développement si vous n'êtes PAS sur un bureau. Sinon, ouvrez un NOUVEL nouvel onglet Google Chrome et effectuez une inspection pour ancrer DevTools dans la fenêtre.

1
Charix

De plus, si vous voulez voir les sources et la console dans une fenêtre, allez à:

"Personnaliser et contrôler DevTools ->" Afficher le tiroir de la console "

Vous pouvez aussi le voir ici dans le coin droit:

 "Show console drawer"

0
Anton Polkanov