Chrome Geliştirici Araçlarında belirli bir dosyaya nasıl gidilir?


99

Ağır bir ön uç yaklaşımı olan bir web uygulaması geliştiriyorum. Dojo ve AMD yolunu kullanarak, şu anda yüzden fazla farklı javascript dosyasını kolayca yükleyebilen test ekranlarım var.

Belirli bir sorun için hata ayıklamak istediğimde veya belirli bir dosyanın eski bir sürümünü görüp görmediğimi doğruladığımda, dosyalarımı Chrome Geliştirici Araçları'ndaki Kaynaklar sekmesinde bulmakta gerçekten zorlanıyorum.

Bir dosyanın adını yazmama izin verecek ve beni o dosyanın kaynağına götürecek yapabileceğim herhangi bir kısayol veya eylem var mı?


2
Konsolun sağ alt tarafında bir dişli simgesi var. Tıkla. Ayarlar penceresinin son sekmesinde bir kısayol sekmesi var. Cevap gibi anahtar kombinasyonlarını görebilirsiniz.
epascarello

Google Dev Tools'da (işlev adınız, CSS'de sınıf adı, ... üzerinde yetenek arama özelliğine sahip esnek ve kullanışlı bir araç) 'Dosyaya git'i kullanın - Google Dev
Tools'da

Yanıtlar:


146

Kaynaklar sekmesindeyken , dosya adına göre komut dosyalarını, stil sayfalarını ve parçacıkları aramak için CTRL+ O( Mac için + O) kullanın.

( Bir dosyayı görüntülerken JavaScript işlevini / CSS kuralını filtrelemek / oraya gitmek için CTRL+ SHIFT+ Okullanın)

[ Chrome Devtools Cheatsheet ]


Bunu bilmek güzel! Eskiden (Chrome 35'ten önce?), Odaklanılan Kaynaklar sekmesine dosya gezgini ile yazarak bir dosya adı araması başlatabiliyordunuz; Bu özelliği tamamen kaldırmak yerine bir kısayolun arkasına sakladıklarını bilmek güzel. =)
rakslice

Filtreleme / arama ile ilgili uyarı, tam aramalar veya joker karakterler yapamayacağınızdır. arama , dosya .jsjs.
adında

16

CTRL+ PWindows'ta arama girişini getirir.

görüntü açıklamasını buraya girin

+ P- Mac'te.

görüntü açıklamasını buraya girin


2
Ove Paynı davranışa sahip görünüyor. Birinin kullanımdan kaldırıldığını merak ediyorum.
isherwood

3

Windows'ta:

Dosyalarda içerik aramak için CTRL+ SHIFT+ kullanın F.

Dosya adlarını aramak için CTRL+ SHIFT+ kullanın O.


Bir derleme işlemi kullanıyorsanız ve dosyalar artık Chrome'da tanınamıyorsa, içeriğe göre arama yapmak harika bir çözümdür.
Mote Zart

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.