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

Kayce Basques

Jecelyn Yeen

Sofia Emelianova

Bu sayfada, Chrome Geliştirici Araçları'nı özelleştirebileceğiniz yöntemler listelenmiştir.

Ayarlar

settings Ayarlar > Tercihler, DevTools'u özelleştirmek için birçok seçenek içerir.

Ayarlar'ı açma ve Tercihler bölümünü inceleyin.

Koyu tema

Koyu temayı Ayarlar'dan veya Komut Menüsü'nden etkinleştirebilirsiniz.

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.

   

3. Alternatif olarak, temanızı ayarlar Ayarlar > Tercihler > Görünüm > Temalar bölümünden de ayarlayabilirsiniz.

Dinamik tema

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

Tema ayarlamak için:

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

Dinamik temaları devre dışı bırakmak için ayarlar Ayarlar > Tercihler > Görünüm > check_box_outline_blank Chrome renk şemasına uygun seçeneğini 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.

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

DevTools yerleşimini değiştirme

Geliştirici Araçları varsayılan olarak görünümünüzün sağ tarafına sabitlenir. DevTools'u alt veya sol tarafa da yerleştirebilir ya da ayrı bir pencereye yerleştirebilirsiniz.

DevTools'un yerleşimini iki şekilde değiştirebilirsiniz:

• Ana Menü: more_vert Geliştirici Araçları'nı Özelleştirme ve Kontrol Etme'yi açıp şunları tıklayın:
  • ad_group Ayrı pencereye yerleştir
  • dock_to_right Sola yerleştir
  • dock_to_bottom Alta yerleştir
  • dock_to_left 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.

Son yerleşim pozisyonunu geri yükle ayarını 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 Ç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ı arası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 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.

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

Ayarlar 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. DevTools ayarlarınız etkinleştirildikten sonra varsayılan olarak senkronize edilir.

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

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.

Not: DevTools, snippet'leri de senkronize etmez. Bunlar yerel tercihler olarak saklanır.

Ö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.

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

Klavye kısayollarını özelleştirin

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

Denemelerin etkinleştirilmesi

Ayarlar > Denemeler'e bakın.