Chrome Geliştirici Araçları nasıl yeniden konumlandırılır

489

Araçlar varsayılan olarak krom penceresinin altında açılır. Bu, geniş bir ekran görüntüsü için oldukça kötü bir seçim çünkü sağda bol miktarda boş alan var, ancak yedeklenecek çok fazla dikey alan yok. Ne yazık ki, araçları yeniden konumlandırmanın bir yolunu bulamadım. Firebug'a benzer şekilde yanlarında olmasını istiyorum.

İstediğim tek seçenek geliştirici araçlarını ayırmak ve krom ve araçlar penceresini yan yana yerleştirmektir. Bu, IDE'den tarayıcıya ve arkaya hızlı bir şekilde alt sekme yapmak için çok uygun değildir, bu nedenle "entegre" bir çözüm iyi olurdu.

google-chrome  google-chrome-devtools 
— kostja
kaynak
— Raghav
— Nate

Yanıtlar:

895

Chrome 46 veya daha yenisi

Dikey üç nokta düğmesine (⋮) tıklayın ve ardından istediğiniz yerleştirme seçeneğini seçin.

Chrome 45 veya daha eski sürüm

Sağ üstteki dock simgesini uzun tutun. Bağlantı birimini değiştirme seçeneği açılır

HTML ve CSS panelleri arasındaki ayrımı değiştirmek için DevTools'u Ayarlar (F1)> Genel> Görünüm> Panel Düzeni'ne gidin.

— loislo
kaynak
2
Serin, istikrarlı sürümünde mevcut, ben sadece bunun farkında değildi, daha da güzel seçenekler var :) Teşekkürler
— kostja
8
krom ve kanarya'nın son yapılarında, seçenek kaldırılmıştır, ancak yine de sol alttaki dock simgesini tıklayıp basılı tutarak erişebilirsiniz, sağa dock için bir seçenek açılır.
— Paul Spencer
2
Güzel, doğru işe yerleştir. Şimdi Elements sekmesindeki CSS denetçisini geliştirme araçları bölmesinin altına nasıl taşıyabilirim? Aksi takdirde HTML'yi ve CSS'yi çok dar sütunlarda yan yana görüntülemek zorundayım.
— Vicky Chijwani
11
Ne korkunç bir tasarım! Bunu hiçbir yerde kendim çözemezdim. Başka hiçbir yerde bu bekletme ve bekleme kullanılmış gördüm.
— Dmitri Zaitsev
4
@blrbr Evet, çok doğru. Sadece bildiğiniz bir seçeneği nasıl etkinleştireceğinizi öğrenmek için bir google araması yapmanız gerekiyorsa, kullanıcı arayüzü tasarımında bir sorun var. Buradaki anahtar kelime 'bulunabilirlik'. Bu kolay bulunabilir değil.
— Stijn de Witt
70

İşaretçinizi kenetlenme düğmesinin üzerine getirin ve tarayıcı sürümüne bağlı olarak uzun tıklayın (birkaç saniye) veya sağ ve sol fare tıklaması.

resim açıklamasını buraya girin resim açıklamasını buraya girin

— user3246105
kaynak
41

Yanaşma konumunu değiştirmek için klavye kısayolu (yan / alt)

CTRL+ SHIFT+D

Ve giderek onları görebileceğiniz birçok kısayol var

Ayarlar » Burada gösterildiği gibi kısayollar :
Ayarlar ekran görüntüsü

Alternatif olarak, ayarlara gitmek için CTRL+ tuşunu kullanın ?, oradan soldaki "Kısayollar" alt öğesine ulaşabilir veya Resmi referansı kullanabilirsiniz .

— Alupotha
kaynak
6
X-ÜstKrktr-D OSX'de de.
— alanı
2
Bağlantı birimini hiç açamıyorsanız, deneyin Ctrl+Shift+I- ancak pencereniz bir pop-up ise, yerleştirmenin bile çalıştığını düşünmüyorum.
— Noumenon
Teşekkür ederim! Müfettiş bir şekilde ekran dışında takılıp kalmıştı, CTRL + ÜST KARAKTER + D benim için yerleştirildi!
— Stan
1
Bir nedenden dolayı Chrome geliştirici araçlarını kaldırdığımda, araç monitörümün sağında çalışıyor gibi görünüyor ve artık görünmüyor. Yeniden görünmesini sağlamanın tek yolu Ctrl + Shift + D ve geliştirici araçlarını yana veya alta sabitlemek. Bu garip
— jazzBox
Sadece sana olan aşkımı bildirmek istiyorum. Curtis💘🐐
— Curtis Blackwell
18

Görünüşe göre bunun sol altta üst üste binen pencereleri ve "Ayrı pencereye geri al" ı gösteren bir simge var. araç ipucu.

resim açıklamasını buraya girin

— brian_d
kaynak
13
Sağa yerleştirmek için bu düğmeyi tıklatmanız VE TUTMAK gerektiğini açıklığa kavuşturabilirsiniz. @PaulSpencer'in fark ettiği gibi, sadece geri almaları tıklamanız yeterlidir.
— 0x89
11

Dock'umu sağa yerleştirdikten sonra (daha eski yanıtlara bakın) panelleri hala dikey olarak ayırdım.

Panelleri yatay olarak ayırmak ve hatta ekran genişliğinizden daha fazlasını elde etmek için Ayarlar'a (sağ alt köşe) gidin ve 'Sağa yerleştirildiğinde panelleri dikey olarak böl' onay kutusunu kaldırın.

Artık soldan sağa doğru tüm panellere sahipsiniz: p

— user2243570
kaynak
8

Ekim 2014 itibarıyla, Sürüm 39.0.2171.27 beta (64 bit)

Chrome Web Developper tavasında "Ayarlar" a gitmem ve sağa yerleştirildiğinde panelleri dikey olarak ayır seçeneğinin işaretini kaldırmam gerekiyordu

— Pierre Maoui
kaynak
1

Şu anda bulunduğum 56.0.2924.87 sürümü, masaüstünde DEĞİLSEN DevTools'u otomatik olarak kaldırır. Aksi takdirde YENİ bir Chrome sekmesi açın ve DevTools'u tekrar pencereye yerleştirmek için inceleyin.

— Charix
kaynak
Ne demek "masaüstünde değil"? 59.0.3067.6 (dev) adresindeyim ve bazı web sitelerinde garip şeyler yapıyor. Örneğin, Vtiger 6.5'te sağ tıklama ve "denetleme", dev araçlarını "Dock tarafı" seçiminden yoksun yeni bir pencerede açar, ancak F12 kullanıldığında, normalde "Dock tarafı" seçeneği mevcut olan mevcut sekmeye gömülü olarak açılır. Garip.
— dhaupin
0

Ayrıca, Kaynaklar ve Konsol'u tek bir pencerede görmek istiyorsanız, şu adrese gidin:

"DevTools'u özelleştirin ve kontrol edin ->" Konsol çekmecesini göster "

Burada sağ köşede de görebilirsiniz:

"Konsol çekmecesini göster"

— Anton Polkanov
kaynak
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.