Chrome DevTools klavye kısayolları

Chrome DevTools

Zeynel Abidin Öztürk -
2 years ago
- Kısayollar
F12

En son açtığınız bölmeyi açın

veya Ctrl + ↑   Shift + I
Ctrl + ↑   Shift + J

Konsol bölmesini aç

Bu kısayolların çoğu, DevTools bölmelerinde kullanılabilir.
F1

Ayarları göster

veya ?
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

veya Ctrl + R
Ctrl + F5

Sert yeniden yükleme

veya Ctrl + ↑   Shift + R
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ç

veya Ctrl + P
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

Ctrl + Z

Değişikliği geri al

Ctrl + Y

Değişikliği yinele

↑  ↓

Şu an seçili öğenin üstündeki / altındaki öğeyi seç

Şu an seçili düğümü genişlet. Bu tuş, düğüm zaten genişletilmişse altındaki öğeyi seçer

Şu an seçili düğümü daralt. Bu tuş, düğüm zaten genişletilmişse üstündeki öğeyi seçer

Ctrl +

(öğ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ç

veya ↑   Shift + ⭾ Tab
H

Şu an seçili öğeyi gizle

F2

Şu an seçili öğe üzerinde HTML olarak Düzenle modunu aç / kapat

Ctrl +

(özellik değerine) Özellik değerinin bildirildiği satıra git

↑   Shift +

(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

veya ↑   Shift + ⭾ Tab
Alt + ↑  ↓

(Bu kısayolu bir değere tıkladıktan sonra kullanın) Özellik değerini 0.1 artır / azalt

↑  ↓

(Bu kısayolu bir değere tıkladıktan sonra kullanın) Özellik değerini 1 artır / azalt

↑   Shift + ↑  ↓

(Bu kısayolu bir değere tıkladıktan sonra kullanın) Özellik değerini 10 artır / azalt

↑   Shift + ↑  ↓

(Bu kısayolu bir değere tıkladıktan sonra kullanın) Özellik değerini 100 artır / azalt

F8

Script çalıştırmayı duraklat veya devam et

veya Ctrl + \
F10

Sonraki fonksiyon veya çağrının üzerinden atla

veya Ctrl + '
F11

Sonraki fonksiyon çağrısına adımla

veya Ctrl + ;
↑   Shift + F11

Geçerli fonksiyonun dışına adımla

veya Ctrl + ↑   Shift + ;
Ctrl + .

Şu an seçili çerçevenin altındaki / üstündeki çağrıyı seç

veya Ctrl + ,
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

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

veya Ctrl + U
Ctrl + E

Kaydı başlat / durdur

Ctrl + S

Kaydır kaydet

Ctrl + O

Kaydı yükle

Ctrl + E

Kaydı başlat / durdur

Otomatik tamamlama önerisini kabul et

veya ⭾ Tab
Esc

Otomatik tamamlama önerisini reddet

Önceki ifadeye git

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.

Bu sayfayı paylaşın:

Program bilgileri

Program adı: Chrome DevTools Chrome DevTools (Programlama)

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.

Web sayfası: developers.google.com

Son güncelleme: 11 Kas 2019

Kısayol sayısı: 79

Kısayollara basma kolaylığı: 81%

Platform algılandı: Windows veya Linux (macOS değil)

Benzer programlar


  1. Grand Theft Auto VGrand Theft Auto V
    80417    2
  2. Klavye işaretleriKlavye işaretleri
    58935    6
  3. The Sims 4The Sims 4
    43560   
  4. Apex Legends (PC)Apex Legends (PC)
    42936   
  5. Euro Truck Simulator 2Euro Truck Simulator 2
    40804    5
  6. Ducky One 2 MiniDucky One 2 Mini
    40798   
Daha fazla klavye kısayolu...

Reklam

E-posta listemize kaydolun!

Eposta adresiniz gizli tutulur. Spam göndermiyoruz.

şerif diyor ki: 5 ay önce 17.7.2019 23:55
kapatmak istiom

Cevap ver 1