Chrome DevTools klavye kısayolları

Chrome DevTools  

Zeynel Abidin Öztürk -
3 yıl önce
- Kısayollar
1
F12

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

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

Konsol bölmesini aç

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

Ayarları göster

0
veya ?
0
Ctrl + ]

Sonraki bölmeye odaklan

0
Ctrl + [

Önceki bölmeye odaklan

0
Ctrl + ↑   Shift + D

Son kullandığınız istasyon konumuna geri dönün

0
Ctrl + ↑   Shift + M

Aygıt modunu aç / kapat

0
Ctrl + ↑   Shift + C

Öğe İnceleme modunu aç / kapat

0
Ctrl + ↑   Shift + P

Komut Menüsünü aç

0
Esc

Çekmeceyi aç / kapat

0
F5

Normal tekrar yükleme

0
veya Ctrl + R
0
Ctrl + F5

Sert yeniden yükleme

0
veya Ctrl + ↑   Shift + R
0
Ctrl + F

Geçerli bölme içerisinde metin ara

0
Ctrl + ↑   Shift + F

Çekmecedeki Arama sekmesini aç. Bu işlev, yüklü tüm kaynaklar içinde arama yapar

0
Ctrl + O

Kaynaklar sekmesinde bir dosya aç

0
veya Ctrl + P
0
Ctrl + ↑   Shift + +

Yakınlaştır

0
Ctrl + ↑   Shift + -

Uzaklaştır

0
Ctrl + 0

Varsayılan yakınlaştırma seviyesini geri yükle

0
Ctrl + O

ve sonra ! yazıp script'in adını yazın: Kod parçacığı çalıştır

0
Ctrl + Z

Değişikliği geri al

0
Ctrl + Y

Değişikliği yinele

0
↑  ↓

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

0

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

0

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

0
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

0
⤶ Enter

Şu an seçili öğe için Öznitelikleri Düzenle modunu aç / kapat

0
Tab

Öznitelikleri Düzenle moduna girdikten sonar sonraki / önceki özniteliği seç

0
veya ↑   Shift + Tab
0
H

Şu an seçili öğeyi gizle

0
F2

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

0
Ctrl +

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

0
↑   Shift +

(Renk Önizleme kutusuna) Bir rengin RGBA, HSLA ve Hex temsilcileri arasında dolaş

0
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

0
veya ↑   Shift + Tab
0
Alt + ↑  ↓

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

0
↑  ↓

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

0
↑   Shift + ↑  ↓

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

0
↑   Shift + ↑  ↓

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

0
F8

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

0
veya Ctrl + \
0
F10

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

0
veya Ctrl + '
0
F11

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

0
veya Ctrl + ;
0
↑   Shift + F11

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

0
veya Ctrl + ↑   Shift + ;
0
Ctrl + .

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

0
veya Ctrl + ,
0
Ctrl + S

Yerel değişiklikleri kaydet

0
Ctrl + Alt + S

Tüm değişiklikleri kaydet

0
Ctrl + G

Sonraki satıra git

0
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

0
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

0
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)

0
Alt + W

Etkin sekmeyi kapat

0
Ctrl + Del

Son kelimedeki tüm karakterleri imlece kadar sil

0
Ctrl + B

(imleç, satıra odaklıyken) Kod satırı kesme noktası ekle

0
Ctrl + M

Eşleşen ayraca git

0
Ctrl + /

Tek satırlı açıklamayı etkinleştir. Birden fazla satır seçiliyse, DevTools yorumu her satırın başına ekleyecektir

0
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

0
veya Ctrl + U
0
Ctrl + E

Kaydı başlat / durdur

0
Ctrl + S

Kaydır kaydet

0
Ctrl + O

Kaydı yükle

0
Ctrl + E

Kaydı başlat / durdur

0

Otomatik tamamlama önerisini kabul et

0
veya Tab
0
Esc

Otomatik tamamlama önerisini reddet

0

Önceki ifadeye git

0

Sonraki ifadeye git

0
Ctrl + `

Konsola odaklan

0
Ctrl + L

Konsolu temizle

0
↑   Shift + ⤶ Enter

Çok satırlı girdiye zorla. DevTools çok satırlı senaryoları artık otomatik olarak algıladığından bu kısayol genellikle gereksizdir

0
⤶ 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ım 2019

Kısayollara basma kolaylığı: 81%

Daha fazla bilgi >>

Kısayol sayısı: 79

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

Benzer programlar



Reklam

E-posta listemize kaydolun!

Eposta adresiniz gizli tutulur. Spam göndermiyoruz.

şerif diyor ki: 21 ay önce 17.07.2019 23:55
kapatmak istiom