Bu sayfada, Chrome Geliştirici Araçları'nı özelleştirebileceğiniz yöntemler listelenmiştir.
Ayarlar
Ayarlar > Tercihler, DevTools'u özelleştirmek için birçok seçenek içerir.
Ayarlar'ı açma ve Tercihler başlıklı makalelere bakın.
Koyu tema
Koyu temayı Ayarlar'dan veya Komut Menüsü'nden etkinleştirebilirsiniz.
- Komut menüsünü açın.
darkyazmaya başlayın, Koyu temaya geç komutunu seçin ve ardından komutu çalıştırmak için Enter tuşuna basın.
Alternatif olarak Ayarlar > bölümünden temanızı belirleyebilirsiniz Tercihler > Görünüm > Temalar.
Dinamik tema
Geliştirici Araçları, Chrome'un renk temasını otomatik olarak eşleştirebilir.
Tema ayarlamak için:
- Yeni bir sekme açın ve sağ alt köşedeki Chrome'u Özelleştir'i tıklayın.
- Görünüm bölümünde, Temaları değiştir aracılığıyla bir tema seçin veya bir renk paleti seçin.
Çekmece
Çekmece birçok gizli özellik içerir.
Çekmeceyi açmak veya kapatmak için Escape tuşuna basın.
Diğer Çekmece sekmelerini açmak için Diğer Araçlar'ı tıklayın.
Geliştirici Araçları yerleşimini değiştir
Geliştirici Araçları varsayılan olarak görünümünüzün sağ tarafına sabitlenir. Ayrıca alt veya sol kenarlara yerleştirebilir ya da Geliştirici Araçları'nı ayrı bir pencereye yerleştirebilirsiniz.
DevTools'un yerleşimini iki şekilde değiştirebilirsiniz:
- Ana Menü: Geliştirici Araçları'nı Özelleştirme ve Kontrol Etme'yi açıp şunları tıklayın:
- Ayrı pencereye yerleştir
- Sola yerleştir
- Alta yerleştir
- Sağa yerleştir
Komut Menüsü:
- Komut menüsünü açın.
dockyazmaya başlayın ve önerilen seçeneklerden birini belirleyin: Alt tarafa, sola, sağa yerleştir, yerleştirmeyi kaldır veya son yerleştirme konumunu geri yükle.
Son yerleşim pozisyonunu geri yükle ayarını klavye kısayoluyla açmak veya kapatmak için:
- Linux veya Windows'da: Control+Üst Karakter+D
- macOS'te: Command+Üst Karakter+D
Panelleri, sekmeleri ve bölmeleri yeniden sıralama
Sıralamayı değiştirmek için aşağıdakilerden birini tıklayıp sola veya sağa sürükleyin:
- Geliştirici Araçları'nın üst kısmındaki paneller.
- Öğeler panelindeki Stiller, Hesaplanan, Düzen gibi bölmeler.
- Kaynaklar panelindeki Sayfa, Çalışma Alanı, Üst Geçerlilik gibi bölmeler.
- DevTools'un alt kısmındaki Çekmece sekmeleri.
Ayrıca, panelleri ve sekmeleri Çekmece'ye ve Çekmece'den yukarı ve aşağı taşıyabilirsiniz. Bunu yapmak için paneli veya sekmeyi sağ tıklayın ve açılır menüden En üste taşı veya En alta taşı'yı seçin.
Özel sekme düzeniniz, DevTools oturumlarında korunur.
Panel düzeni
Geliştirici Araçları, varsayılan olarak panel düzeninizi pencere boyutuna göre otomatik olarak yeniden düzenler. Otomatik yeniden düzenlemeyi devre dışı bırakabilirsiniz. Ayarlar'a gidin > Tercihler > Görünüm ve panel düzenini tercihinize göre güncelleyin.
Örneğin, ekran boyutu küçük olduğunda Öğeler panelindeki Stiller bölmesi yan taraftan alta taşınır. Stil bölmesinin her zaman yan tarafta kalmasını istiyorsanız panel düzenini dikey olarak değiştirin.
Geliştirici Araçları kullanıcı arayüzü dilini değiştir
Ayarlar > Tercihler > Görünüm > Dil bölümüne bakın.
Senkronizasyon ayarları
DevTools ayarlarınızı birden fazla cihazda senkronize edebilirsiniz.
Senkronizasyonu etkinleştirmek için önce Chrome Senkronizasyonu'nu açın. Geliştirici Araçları ayarlarınız etkinleştirildikten sonra varsayılan olarak senkronize edilir.
Geliştirici Araçları ayarları senkronizasyonunu ayrı ayrı etkinleştirmek veya devre dışı bırakmak için Ayarlar > Senkronizasyon > Ayarlar senkronizasyonunu etkinleştir onay kutusu.
DevTools, Workspace, Deneysel ve Cihazlar sekmelerindeki ayarlar ile diğer birkaç genel ayar dışındaki ayarların çoğunu senkronize eder. Ayarlar senkronizasyonunu etkinleştir onay kutusunun durumu cihazlar arasında da senkronize edilir.
Örneğin, aşağıdaki Görünüm ayarları senkronize edilir. Böylece cihazlar arasında tutarlı bir deneyime sahip olursunuz ve aynı ayarları tekrar tanımlamanız gerekmez.
Ancak geliştiricilerin farklı sitelerde hata ayıklarken farklı yuva tercihleri olduğundan yuva ayarı senkronize edilmez.
Klavye kısayollarını özelleştirme
Ayarlar > Kısayol tuşları'na bakın.
Denemelerin etkinleştirilmesi
Ayarlar > Denemeler'e bakın.