================================== Chrome DevTools klavye kısayolları ================================== İlk olarak 17.11.2017 tarihinde şu adreste yayınlandı: https://defkey.com/tr/chrome-devtools-klavye-kisayollari Chrome DevTools, Google'ın web tarayıcısı Chrome ile bütünleşik olarak gelen hata ayıklama araçları. Bu araçlar, geliştiricilerin web sitesinin dahili öğelerine ulaşmasını sağlıyor ve sorunları bulmayı, kodu optimize etmeyi kolaylaştırıyor. Chrome DevTools'un 79 klavye kısayolu var ve bunların tamamını aşağıda listeledik. DevTools'u açma --------------- F12 En son açtığınız bölmeyi açın Ctrl + Shift + I En son açtığınız bölmeyi açın Ctrl + Shift + J Konsol bölmesini aç Evrensel klavye kısayolları --------------------------- Bu kısayolların çoğu, DevTools bölmelerinde kullanılabilir. F1 Ayarları göster ? Ayarları göster Ctrl + ] Sonraki bölmeye odaklan Ctrl + [ Önceki bölmeye odaklan Ctrl + Shift + D Son kullandığınız istasyon konumuna geri dönün Ctrl + Shift + M Aygıt modunu aç / kapat Ctrl + Shift + C Öğe İnceleme modunu aç / kapat Ctrl + Shift + P Komut Menüsünü aç Esc Çekmeceyi aç / kapat F5 Normal tekrar yükleme Ctrl + R Normal tekrar yükleme Ctrl + F5 Sert yeniden yükleme Ctrl + Shift + R Sert yeniden yükleme Ctrl + F Geçerli bölme içerisinde metin ara Ctrl + Shift + F Çekmecedeki Arama sekmesini aç. Bu işlev, yüklü tüm kaynaklar içinde arama yapar Ctrl + O Kaynaklar sekmesinde bir dosya aç Ctrl + P Kaynaklar sekmesinde bir dosya aç Ctrl + Shift + + Yakınlaştır Ctrl + Shift + - Uzaklaştır Ctrl + 0 Varsayılan yakınlaştırma seviyesini geri yükle Ctrl + O ve sonra ! yazıp script'in adını yazın: Kod parçacığı çalıştır Öğeler bölmesi -------------- Ctrl + Z Değişikliği geri al Ctrl + Y Değişikliği yinele Yukarı ok / Aşağı ok Şu an seçili öğenin üstündeki / altındaki öğeyi seç Sağ ok Şu an seçili düğümü genişlet. Bu tuş, düğüm zaten genişletilmişse altındaki öğeyi seçer Sol ok Şu an seçili düğümü daralt. Bu tuş, düğüm zaten genişletilmişse üstündeki öğeyi seçer Ctrl + Sol tıklama (öğenin adının yanındaki ok simgesine tıklayın) Şu an seçili düğümü ve tüm alt öğelerini genişlet veya daralt Enter Şu an seçili öğe için Öznitelikleri Düzenle modunu aç / kapat Tab Öznitelikleri Düzenle moduna girdikten sonar sonraki / önceki özniteliği seç Shift + Tab Öznitelikleri Düzenle moduna girdikten sonar sonraki / önceki özniteliği seç H Şu an seçili öğeyi gizle F2 Şu an seçili öğe üzerinde HTML olarak Düzenle modunu aç / kapat Stiller bölmesi --------------- Ctrl + Sol tıklama (özellik değerine) Özellik değerinin bildirildiği satıra git Shift + Sol tıklama (Renk Önizleme kutusuna) Bir rengin RGBA, HSLA ve Hex temsilcileri arasında dolaş Tab Bir özellik adına veya değerine tıkladıktan sonra sonraki / önceki özellik veya değeri seçmek için bu kısayolu kullanın Shift + Tab Bir özellik adına veya değerine tıkladıktan sonra sonraki / önceki özellik veya değeri seçmek için bu kısayolu kullanın Alt + Yukarı ok / Aşağı ok (Bu kısayolu bir değere tıkladıktan sonra kullanın) Özellik değerini 0.1 artır / azalt Yukarı ok / Aşağı ok (Bu kısayolu bir değere tıkladıktan sonra kullanın) Özellik değerini 1 artır / azalt Shift + Yukarı ok / Aşağı ok (Bu kısayolu bir değere tıkladıktan sonra kullanın) Özellik değerini 10 artır / azalt Shift + Yukarı ok / Aşağı ok (Bu kısayolu bir değere tıkladıktan sonra kullanın) Özellik değerini 100 artır / azalt Kaynaklar paneli ---------------- F8 Script çalıştırmayı duraklat veya devam et Ctrl + \ Script çalıştırmayı duraklat veya devam et F10 Sonraki fonksiyon veya çağrının üzerinden atla Ctrl + ' Sonraki fonksiyon veya çağrının üzerinden atla F11 Sonraki fonksiyon çağrısına adımla Ctrl + ; Sonraki fonksiyon çağrısına adımla Shift + F11 Geçerli fonksiyonun dışına adımla Ctrl + Shift + ; Geçerli fonksiyonun dışına adımla Ctrl + . Şu an seçili çerçevenin altındaki / üstündeki çağrıyı seç Ctrl + , Şu an seçili çerçevenin altındaki / üstündeki çağrıyı seç Ctrl + S Yerel değişiklikleri kaydet Ctrl + Alt + S Tüm değişiklikleri kaydet Ctrl + G Sonraki satıra git Ctrl + O Komut menüsü açıldıktan sonra : yazın ve satır numarasını yazın: Geçerli dosyada satır numarasına atla Ctrl + O Komut menüsü açıldıktan sonra : yazın ve satır numarasını yazın, ardından : yazın ve sütun numarasını yazın: Geçerli dosyada satır ve sütun numarasına atla Cttl + Shift + O ve sonra bildiri / kural grubu adını yazın veya seçenek listesinden seçin: Fonksiyon bildirimine git (şu an açık olan dosya HTML veya script ise) veya komut grubuna git (şu an açık olan dosya bir stylesheet ise) Alt + W Etkin sekmeyi kapat Kod Düzenleyici --------------- Ctrl + Del Son kelimedeki tüm karakterleri imlece kadar sil Ctrl + B (imleç, satıra odaklıyken) Kod satırı kesme noktası ekle Ctrl + M Eşleşen ayraca git Ctrl + / Tek satırlı açıklamayı etkinleştir. Birden fazla satır seçiliyse, DevTools yorumu her satırın başına ekleyecektir Ctrl + D İmlecin üzerinde olduğu kelimenin bir sonraki eşleşmesini seç / seçimini kaldır. Her eşleşme aynı anda vurgulanır Ctrl + U İmlecin üzerinde olduğu kelimenin bir sonraki eşleşmesini seç / seçimini kaldır. Her eşleşme aynı anda vurgulanır Performans paneli ----------------- Ctrl + E Kaydı başlat / durdur Ctrl + S Kaydır kaydet Ctrl + O Kaydı yükle Bellek paneli ------------- Ctrl + E Kaydı başlat / durdur Konsol paneli ------------- Sağ ok Otomatik tamamlama önerisini kabul et Tab Otomatik tamamlama önerisini kabul et Esc Otomatik tamamlama önerisini reddet Yukarı ok Önceki ifadeye git Aşağı ok Sonraki ifadeye git Ctrl + ` Konsola odaklan Ctrl + L Konsolu temizle Shift + Enter Çok satırlı girdiye zorla. DevTools çok satırlı senaryoları artık otomatik olarak algıladığından bu kısayol genellikle gereksizdir Enter Çalıştır Alt tuşunu basılı tutarken Genişlet'e tıklayarak konsolda listelenen nesnenin tüm alt özelliklerini genişletebilirsiniz. Kaynak: Chrome DevTools Keyboard Shortcuts Reference Son güncelleme(UTC): 11 Kasım 2019 Pazartesi Defkey © Tüm hakları saklıdır.