Geliştirici Araçları'nı özelleştirin

Sofia Emelianova
Sofia Emelianova

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.

Koyu tema.

  1. Komut menüsünü açın.
  2. dark yazmaya başlayın, Koyu temaya geç komutunu seçin ve ardından komutu çalıştırmak için Enter tuşuna basın.

    Koyu tema komutu.

  3. Alternatif olarak, temanızı Ayarlar > Tercihler > Görünüm > Temalar'dan da ayarlayabilirsiniz.

Dinamik tema

Geliştirici Araçları, Chrome'un renk temasıyla otomatik olarak eşleşebilir.

Tema ayarlamak için:

  1. Yeni bir sekme açın ve sağ alt köşedeki Chrome'u özelleştir seçeneğini tıklayın.
  2. Görünüm bölümünde, Tema değiştir'i kullanarak bir tema seçin veya bir renk paleti belirleyin.

Geliştirici Araçları, Görünüm'de seçilen renk temasıyla eşleşir.

Dinamik temaları devre dışı bırakmak için Ayarlar > Tercihler > Görünüm > Chrome renk şemasıyla eşleştir'i temizleyin ve DevTools'u yeniden yükleyin.

Çekmece

Çekmece birçok gizli özellik içerir.

Çekmeceyi açmak veya kapatmak için Escape tuşuna basın.

Çekmece.

Diğer Çekmece sekmelerini açmak için Diğer Araçlar'ı tıklayın.

Diğer Çekmece sekmelerini açan Diğer Araçlar düğmesi.

DevTools yerleşimini değiştirme

Geliştirici Araçları, varsayılan olarak görüntü alanınızın sağına yerleştirilmiştir. 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ü:

    1. Komut menüsünü açın.
    2. dock yazmaya 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.

Komut menüsünde önerilen bağlantı seçeneği.

Son yerleşim pozisyonunu geri yükle seçeneğini klavye kısayoluyla açmak veya kapatmak için:

  • Linux veya Windows'ta: Denetimli+Üst Karakter+D
  • macOS'te: Command+Üst Karakter+D

Panelleri, sekmeleri ve bölmeleri yeniden sıralama

Sıralama düzenini 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.
  • Geliştirici Araçları'nın alt kısmındaki çekmece sekmeleri.

Ayrıca, panelleri ve sekmeleri yukarı ve aşağı Çekmece arasında 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

Varsayılan olarak DevTools, panel düzeninizi pencere boyutuna göre otomatik olarak yeniden düzenler. Otomatik yeniden düzenlemeyi devre dışı bırakabilirsiniz. Ayarlar > Tercihler > Görünüm'e gidin 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.

Panel düzenini değiştirme

DevTools kullanıcı arayüzü dilini değiştirme

Ayarlar > Tercihler > Görünüm > Dil bölümüne bakın.

Ayarlar'a, ardından Tercihler'e giderek dili değiştirin.

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.

Chrome profili senkronizasyonu.

DevTools ayar senkronizasyonunu Ayarlar > Senkronizasyon > Ayarların senkronizasyonunu etkinleştir onay kutusunu kullanarak ayrı ayrı etkinleştirebilir veya devre dışı bırakabilirsiniz.

DevTools senkronizasyon ayarları

DevTools, Workspace, Deneysel ve Cihazlar sekmelerindeki ayarlar ile diğer birkaç genel ayar dışındaki ayarların çoğunu senkronize eder. Ayarların senkronizasyonunu etkinleştir onay kutusunun durumu da cihazlar arasında senkronize edilir.

Örneğin, aşağıdaki Görünüm ayarları senkronize edilir. Böylece, cihazlar arasında tutarlı bir deneyim yaşarsınız ve aynı ayarları tekrar tanımlamanız gerekmez.

Görünüm ayarları.

Ancak geliştiricilerin farklı sitelerde hata ayıklama yaparken farklı sabitleme tercihleri olduğundan sabitleme ayarı senkronize edilmez.

Yuva.

Klavye kısayollarını özelleştirin

Ayarlar > Kısayol tuşları'na bakın.

Denemeleri etkinleştir

Ayarlar > Denemeler'e bakın.