Tüm JS kaynaklarını gerçekten aramak için chrome-devtools alabilir miyim?


171

Geçmişte Ctrl+ Shift+ tarafından etkinleştirilen arama Fher zaman istediğim şeyi buldum, ancak son zamanlarda (tam olarak hangi güncellemenin bunu tetiklediğinden emin değilim) buluyorum arama yakalamıyor

  • Satır içi komut dosyası etiketlerinde JS

  • JS iframe'lerin içinde.

Ayrıca, satır içi komut dosyaları dahil edildiğinde çağrı dizisinin dağınık olduğunu gördüm, ancak bu sorunlar için google'ı denediğimde, sadece dev-tools doc sayfalarını alıyorum, başka kimse bu sorunları fark etti mi? Bunun daha önce işe yaradığını mı hayal ediyordum?


4
Dikkatli olun - kabul edilen yanıt CTRL + ÜST KARAKTER + F ve "İçerik komut dosyalarında ara" etkinken çalışır, ancak herhangi bir satırda birden fazla eşleşme olsa bile Chrome satır başına yalnızca 1 eşleşme sayar. Küçültülmüş JS ile bunu sık sık göreceksiniz. Söz konusu komut dosyasına ve CTRL + F'ye tıklarsanız tüm örnekleri bulacağını fark edene kadar bunun bir Chrome hatası olduğunu düşünmüştüm.
JD Smith

Harika bir nokta! Krom ile bazı tutarsız davranışlar buldum, özellikle de yükseltmelerden sonra, bu "içerik komut dosyalarında ara" ayarı ve oldukça küçültülmüş komut dosyaları yazdırma arasında, bazen işler mükemmel çalışmıyor = (
David McMullin

1
Aslında, Chrome'un bir şey bulamayacağı zamanlar vardır. Sık sık başıma geliyor. Örneğin, band-aidbrandfirstaid.com/first-aid-how-to-videos adresini ziyaret ettiğimde ve _satellite.jwp.videos kaynağında arama yaptığımda sonuç görmüyorum. Yine de bu dize var - ekran görüntüsü Bu sorunla başka kimseyi bulamıyorum. Şimdilik Firefox kullanıyorum ve gayet iyi buluyor.
JD Smith

Bu gerçekten meraklı! Kromumda aynı aramayı denedim ve iyi çalıştı (5 eşleşme bulundu). Aşağıdaki cevabımda belirtilen seçeneği etkinleştirmeyi denediniz mi?
David McMullin

2
Çerçeve ayrıca konsol penceresinin en altına kadar ezilebilir (en azından benim için). Daha iyi olup olmadığını görmek için yukarı sürükleyin.
Emery Lapinski

Yanıtlar:


170

Evet, uzantılar ve dahili tarayıcı API'sı tarafından kullanılan komut dosyaları olan içerik kaynaklarında arama yapmak istiyorsanız, bunu DevTools Ayarları'ndan etkinleştirirsiniz ve ardından DevTools'daki herhangi bir panelden Ctrl+ Shift+ Fveya (Mac'te) Options+ Command+ F( )F) tüm kaynaklarda, snippet'lerde ve dosyalarda arama yapmak için kullanılır.

İhtiyacınız olabilecek şeylere daha da yardımcı olan, Kaynaklar dosya tarayıcısı kenar çubuğunda bulunan ve yukarıdaki kısayolla da aranabilecek yerel bir dosya diziniyle eşleştirebileceğiniz Ayarlar çarkında bir Çalışma Alanı ayarlamaktır.


5
Başka bir yoruma göre, aramanın nasıl etkinleştirileceğini açıklamak yararlı olabilir (başka bir cevaptan) "DevTools Genel Ayarları'nda" İçerik komut dosyalarında ara "seçeneğini etkinleştirin
samneric

3
Bu güncel değil
cdeutsch

8
Chrome'un mevcut sürümünde, DevTools> Ayarlar> Tercihler> Kaynaklar "Anonim ve içerik komut dosyalarında arama"
Mark Hansen

Bunun güncelliğini kabul etmedi. Ayrıca, Dev Araçlar Ayarlarında bunun etkinleştirilmesi gerektiğini netleştirmek harika olur.
Max MacLeod

44

Soruyu doğru bir şekilde ifade etmek için zaman ayırdıktan sonra cevabı bulmak her zaman daha kolay görünüyor ...

Genel -> Kaynaklar altında "İçerik komut dosyalarında ara" adlı bir seçenek buldum. Bunu nasıl / ne zaman devre dışı bıraktığımdan emin değilim ama etkinleştirmek ve kromu yeniden başlatmak tüm sorunlarımı düzeltti.


1
CTRL + ÜST KRKT + F yaparken Chrome'dan bu seçeneği etkinleştirmemizi istemesi iyi olurdu. Ben de devre dışı bırakma hatırlamıyorum, ama bir gün çalışmayı durdurdu. Bu amaçla Firefox'u kullanmaktan kurtardığın için teşekkür ederim!
JD Smith

Daha önce tüm kaynaklar arasında arama yaptığından eminim ama aniden durdu! şimdi bu seçeneği işaretleyerek tekrar çalışıyor! teşekkürler
Bakhshi

Aynı deneyimi yaşadım, çoğu zaman kromu seviyorum ama bazen güncellemelerin ardından beklenmedik davranışlar buluyorum = (Şimdi tekrar çalıştığına sevindim!
David McMullin

5
Chrome 56'da bu seçeneği DevTools penceresinin sağ üst köşesindeki [DevTools menüsü] altında bulabilirsiniz -> Ayarlar -> Tercihler -> Kaynaklar -> "İçerik komut dosyalarında ara" (en alttaki onay kutusu)
Chris

6
Benim için Chrome 69'da artık "Anonim ve içerik komut dosyalarında ara" olarak adlandırılıyor
Jono

35

DevTools'un son sürümü

DevTool rıhtım sağdaki üçlü nokta simgesini tıklayın ve seçim arayın .

Veya DevTools ( - - ) kullanırken : Control- Shift- tuşuna basın .FControlShiftI

DevTools Dock menüsü


DevTools'un eski sürümü

DevTools Genel Ayarları'nda ' İçerik komut dosyalarında ara ' seçeneğini etkinleştirin . İçerik komut dosyalarının aranabilir olmasına izin verecektir .

Ardından DevTools panelinde, kaynak dosyaları panelin alt kısmında arayabilirsiniz.

Örneğin:

Google Chrome - İçerik komut dosyaları - Kaynaklarda arama


Eğer yoksa ara dibinde sekmeyi DevTools panelinde, açmak için üçlü nokta simgesini tıklayın.

Chrome / Chromium - DevTools Kaynak kodu dosyalarında arama


1
Benim için arama sonuçlarını içeren paneli genişletmem gerekiyordu.
Müh.Fouad

8

Aynı sorunla karşı karşıya kaldım CTRL + ÜST KARAKTER + F artık çalışmıyor.

  1. Geliştirici araçlarını açmak için f12 tuşuna basın
  2. Seçeneklerini açmak için geliştirici araç çubuğunun sağ tarafındaki dikey üç noktaya tıklayın
  3. "Diğer Araçlar" ı tıklayın
  4. "Ara" yı tıklayın

resim açıklamasını buraya girin


5

Hala çalışmazsa, bu uzantının kromuzda yüklü olup olmadığını kontrol edin:

form doldurucusu: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=tr

CTRL + ÜST KARAKTER + F hala benim için çalışmıyor ama sonra "Form Filler" krom uzantısının konsol komutunda "tümünü ara" yı geçersiz kıldığını keşfettim

Bunu değiştirmek için: url -> chrome: // extensions /

sonra sağ alt kısma gidin: Klavye kısayolları ve form doldurucusu için + CTRL + ÜST KRKT + F komutunu değiştirebilirsiniz

ardından krom arama konsolunda CTRL + SHIFT + F komutu tekrar çalıştı


4

En son sürümde "Anonim ve içerik komut dosyalarında ara" etkinleştirildikten sonra CTRL + ÜST KARAKTER + F artık çalışmaz.

Adımlar 1) Geliştirme araçlarının sağ üst veya sol alt tarafındaki üç düzenlemeye tıklamanız gerekir. resim açıklamasını buraya girin

2) İstediğiniz bir arama seçeneği göreceksiniz.

3) Ayrıca arama sekmesi altta bulunur, bu yüzden görünmeyebilir ve sekmeyi yukarı sürüklemeniz gerekebilir . resim açıklamasını buraya girin

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.