Bisakah saya mendapatkan chrome-devtools untuk benar-benar mencari semua sumber JS?

171

Saya mengalami masalah dengan mencari melalui file JS di chrome dev-tools, di masa lalu pencarian yang diaktifkan oleh Ctrl+ Shift+ Fselalu menemukan apa yang saya inginkan, tetapi baru-baru ini (saya tidak yakin persis pembaruan mana yang memicu ini) Saya menemukan pencarian tidak menangkap

JS dalam tag skrip sebaris
JS di dalam iframe.

Saya juga menemukan bahwa callstack kacau ketika skrip inline terlibat, tetapi ketika saya mencoba google untuk masalah ini, saya hanya mendapatkan halaman doc dev-tools, adakah orang lain yang memperhatikan masalah ini? Apakah saya hanya membayangkan ini berhasil sebelumnya?

javascript google-chrome-devtools David McMullin
sumber

4

Hati-hati - jawaban yang diterima berfungsi dengan CTRL + SHIFT + F dan "Cari di skrip konten" diaktifkan, tetapi Chrome hanya menghitung 1 kecocokan per baris, meskipun ada beberapa kecocokan pada setiap baris yang diberikan. Dengan JS yang diperkecil Anda akan sering melihatnya. Saya pikir ini adalah bug Chrome sampai saya menyadari bahwa itu akan menemukan semua contoh jika Anda mengklik ke dalam skrip yang dimaksud dan CTRL + F di sana.

JD Smith

Poin yang bagus! Saya telah menemukan beberapa perilaku yang tidak konsisten dengan chrome, terutama setelah peningkatan, antara pengaturan "pencarian dalam skrip konten" ini dan skrip yang diperkecil cantik, kadang-kadang hal-hal tidak berfungsi dengan baik = (

David McMullin

1

Sebenarnya, ada kalanya Chrome tidak akan menemukan sesuatu. Itu sering terjadi pada saya. Misalnya, ketika saya mengunjungi band-aidbrandfirstaid.com/first-aid-how-to-videos dan mencari sumber untuk _satellite.jwp.videos saya tidak melihat hasil. Namun string itu ada - tangkapan layar Sepertinya saya tidak dapat menemukan orang lain dengan masalah ini. Untuk sekarang saya menggunakan Firefox dan ternyata baik-baik saja.

JD Smith

Itu memang aneh! Saya telah mencoba pencarian yang sama di chrome saya dan itu berhasil baik (ditemukan 5 kecocokan) Sudahkah Anda mencoba mengaktifkan opsi yang disebutkan dalam jawaban saya di bawah ini?

David McMullin

2

Bingkainya juga bisa tergencet hingga ke bagian bawah jendela konsol (setidaknya untuk saya). Seret ke atas sehingga Anda dapat melihat apakah lebih baik.

Emery Lapinski

170

Ya, jika Anda ingin mencari di dalam sumber konten yang merupakan skrip yang digunakan oleh ekstensi dan API browser internal, Anda mengaktifkannya di Pengaturan DevTools dan kemudian dari panel mana saja di DevTools Anda dapat mengetik Ctrl+ Shift+ Fatau (di Mac) Options+ Command+ F( ⌥⌘F) untuk mencari di seluruh sumber, cuplikan, dan file.

Yang bahkan lebih membantu untuk apa yang mungkin Anda perlukan adalah menyiapkan Workspace di gigi Pengaturan yang dapat Anda petakan ke direktori lokal file yang akan tersedia di bilah sisi browser file Sumber yang juga akan dapat dicari dengan pintasan di atas.

jaredwilli
sumber

5

Seperti komentar lain, mungkin berguna untuk menjelaskan cara mengaktifkan pencarian yaitu (dari jawaban lain) "Aktifkan opsi 'Cari di skrip konten' di Pengaturan Umum DevTools"

samneric

3

Ini sudah ketinggalan zaman

cdeutsch

8

Dalam versi Chrome saat ini, DevTools> Pengaturan> Preferensi> Sumber "Cari dalam skrip anonim dan konten"

Mark Hansen

Setuju ini sudah ketinggalan zaman. Juga bagus untuk menjelaskan di mana di Dev Tools Settings ini harus diaktifkan.

Max MacLeod

44

Tampaknya jawabannya selalu lebih mudah ditemukan setelah Anda meluangkan waktu untuk mengucapkan pertanyaan dengan benar ...

Saya menemukan opsi di bawah Umum -> Sumber yang disebut "Cari di skrip konten". Saya tidak yakin bagaimana / kapan saya menonaktifkan ini tetapi mengaktifkannya dan memulai ulang chrome telah memperbaiki semua masalah saya.

David McMullin
sumber

1

Alangkah baiknya jika Chrome meminta kami untuk mengaktifkan opsi ini ketika melakukan CTRL + SHIFT + F. Saya juga tidak ingat menonaktifkannya, tetapi suatu hari berhenti berfungsi. Terima kasih telah menyelamatkan saya dari menggunakan Firefox untuk tujuan ini!

JD Smith

Saya cukup yakin bahwa itu mencari di antara semua sumber sebelumnya tetapi tiba-tiba berhenti! sekarang dengan memeriksa opsi itu berfungsi lagi! terima kasih

Bakhshi

Saya memiliki pengalaman yang sama persis, saya suka chrome sebagian besar waktu tetapi kadang-kadang menemukan perilaku tak terduga setelah pembaruan = (Senang itu bekerja lagi sekarang!

David McMullin

5

Di Chrome 56, Anda akan menemukan opsi ini di bawah [menu DevTools di kanan atas jendela DevTools] -> Pengaturan -> Preferensi -> Sumber -> "Cari di skrip konten" (centang di bagian paling bawah)

Chris

6

Bagi saya, di Chrome 69, sekarang disebut "Cari di skrip anonim dan konten"

Jono

35

Versi terbaru dari DevTools

Klik ikon triple dot di sebelah kanan dermaga DevTool, dan pilih Cari .

Atau tekan saja: Control- Shift- Fsaat menggunakan DevTools ( Control- Shift- I).

Versi DevTools yang lebih lama

Aktifkan opsi ' Cari di skrip konten ' di Pengaturan Umum DevTools. Ini akan memungkinkan skrip konten dapat dicari.

Kemudian di panel DevTools Anda dapat mencari file sumber di bagian bawah panel.

Sebagai contoh:

Google Chrome - Skrip konten - Cari dalam sumber

Jika Anda tidak memiliki tab Cari di bagian bawah panel DevTools , klik ikon triple dot untuk membukanya.

kenorb
sumber

1

Bagi saya, saya harus memperluas panel yang berisi hasil pencarian.

Eng.Fouad

8

Saya menghadapi masalah yang sama CTRL + SHIFT + F tidak berfungsi lagi.

Tekan f12 untuk membuka alat pengembang
Klik elipsis vertikal di sebelah kanan bilah alat pengembang untuk membuka opsinya
Klik "Alat Lainnya"
Klik pada "Cari"

Patrick S
sumber

5

Jika masih tidak berfungsi, periksa apakah ekstensi ini dipasang di chrome Anda:

pengisi formulir: https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo?hl=id

CTRL + SHIFT + F masih tidak berfungsi untuk saya, tetapi kemudian saya menemukan bahwa ekstensi chrome "Form Filler" menimpa "search all" di perintah konsol

Untuk mengubah ini: buka url -> chrome: // extensions /

kemudian pergi ke kanan bawah: Pintasan keyboard dan Anda dapat mengubah + CTRL + SHIFT + F perintah untuk pengisi formulir

maka perintah CTRL + SHIFT + F di konsol pencarian chrome bekerja lagi

Xavave
sumber

4

Dalam versi terbaru CTRL + SHIFT + F tidak berfungsi lagi bahkan setelah mengaktifkan "Cari di skrip anonim dan konten".

Langkah 1) Anda perlu mengklik tiga suntingan di kanan atas atau kiri bawah alat dev.

2) Anda akan melihat opsi pencarian yang Anda inginkan.

3) Juga tab pencarian ada di bagian bawah. Jadi mungkin tidak terlihat sehingga Anda mungkin harus menyeret tab ke atas .

Achal Gupta
sumber

Bisakah saya mendapatkan chrome-devtools untuk benar-benar mencari semua sumber JS?

Jawaban:

Versi terbaru dari DevTools

Versi DevTools yang lebih lama