Alat pengembang Chrome tidak lagi menampilkan semua file JavaScript

87

Tidak semua file JavaScript terlihat di alat Pengembang Chorme lagi.

Google Chrome adalah yang terbaru. Versi 44.0.2403.130 m Versi debug aplikasi. Naskah di kepala.

<script src="/Scripts/jquery-ui-1.8.24.js"></script>
<script src="/Scripts/jquery.validate.js"></script>

...

<script src="/Client/Statics/GuiContainers.js"></script>
<script src="/Client/ClientDAL.js"></script>
<script src="/Client/ClientLayoutUpdater.js"></script>
<script src="/Client/ClientRenderer.js"></script>
<script src="/Client/ControllerLocator.js"></script>

Bagian pertama dari skrip terlihat di Alat Pengembang Chrome di bawah menu Sumber di jalur localhost / Scripts / *. Bagian kedua dari skrip tidak terlihat sejak kemarin. Ada apa dengan Alat Pengembang?

Tidak ada kesalahan dalam konsol JavaScript. Saya dapat melihat permintaan berhasil untuk file JavaScript di tab jaringan. Semua JavaScript dimuat. Aplikasi berfungsi dengan baik.

Ada apa dengan Alat Pengembang? Apakah ada yang punya ide?

Jika saya menambahkan "folder" localhost ke ruang kerja, semuanya terlihat, bahkan file sumber sisi server.

Fosna
sumber
10
Gunakan tab jaringan di alat pengembang dan segarkan halaman untuk menentukan apakah file js benar-benar dimuat saat halaman dimuat.
Seano666
@ Seano666 Saya melakukan itu. Penjelasan pertanyaan diklarifikasi sebagai hasil dari komentar Anda. Terima kasih.
Fosna
2
letakkan console.log di file sumber, segarkan halaman, Anda akan mendapatkan console.log dan Anda dapat mengklik sumber dari konsol.
SilentTremor
Jika tidak ada log konsol, itu berarti file sumber Anda tidak dimuat dari tempat yang Anda harapkan.
SilentTremor
@Silentor Ide bagus. Terima kasih. Nama file di sebelah pesan dari parameter console.log () adalah VM254 DdiClientMain.js: 17. Saya ingin tahu apa artinya ini?
Fosna

Jawaban:

118

Membuka tab jaringan di alat pengembang dan menekan F5 untuk menyegarkan - terima kasih @ Seano666 atas komentar Anda tentang pertanyaan

abiNerd
sumber
10
ini juga berhasil untuk saya. membuka tab jaringan selama reload tampaknya mempengaruhi bug
CodeToad
Kiat pro: Anda dapat mengurutkan semua yang telah dimuat di halaman dengan mengurutkan berdasarkan 'Jenis', dengan cara itu semua skrip dicantumkan bersama
Novastorm
Membuka Devtools berfungsi dengan baik untuk saya. Tidak perlu membuka Tab Jaringan.
Surjith SM
Wow ini berhasil. Bagaimana Anda menemukan solusi ini? : P
Gokul NK
Bug ini masih ada pada Versi 77.0.3865.90 (Build Resmi) (64-bit)
Markus Zeller
41

Bagi saya, saya hanya perlu membuka pengaturan Alat Pengembang dan mengklik tombol "Pulihkan default dan muat ulang" di tab pertama.

Kemudian semua skrip lokal saya muncul lagi dan proses debug kembali normal.

Brendan
sumber
21

Tambahkan debugger;instruksi di bagian mana pun dari skrip Anda, debugger akan berhenti pada titik ini dan menampilkan skrip kepada Anda, bahkan jika skrip dimuat secara dinamis.

                onSuccess: function (result) {
                    debugger;
                    combo.empty();
                    $(result).each(function () {
                        var option;

                        option = document.createElement('option');
                        option.value = this.Id;

                        $(option).appendTo(combo);
                    });
                }
bigpony
sumber
2
Ini bekerja dengan sempurna untuk skrip yang dimuat melalui panggilan AJAX yang akan menolak untuk ditampilkan di panel sumber. Karena Chrome menjalankannya dalam semacam file VM, meletakkan debugger;baris tersebut memaksa Chrome untuk membuka file VM.
James Haug
@JamesHaug memang, ini adalah satu-satunya cara saya dapat men-debug skrip yang dimuat secara dinamis, baik itu dimuat melalui kerangka kerja atau disuntikkan
bigpony
Ini berhasil untuk saya, tetapi masih tidak menunjukkan apakah saya tidak memiliki 'debugger' di sana.
Steve
10

Coba klik kanan pada reloadtombol di alat pengembang.
Anda akan mendapatkan menu dari mana Anda dapat memilih: Empty Cache & Hard Reload.
Itu berhasil untuk saya.

Api Selatan
sumber
Ini bekerja untuk saya juga. Selain itu, bahkan sebelum menyegarkan, saya dapat menemukan skrip yang hilang di bawah tab 'Aplikasi'.
knopch1425
4

Saya memiliki masalah yang sama dan "Empty cache and hard reload" berfungsi untuk saya.

koshy6252
sumber
Bekerja untuk saya tanpa perlu menginstal ulang chrome
Dimitry K
3

Masalah: Saya telah mengembangkan / debugging selama beberapa waktu, dan kemudian saya mengalami masalah serupa. Meskipun log konsol saya menunjukkan nomor baris, ketika saya mengkliknya, saya dibawa ke baris 1 dari halaman kosong. Skrip saya disematkan di html, jadi saya bisa melihatnya di tab Elemen, tetapi ketika saya membuka file di tab Sumber, file itu kosong.

Solusi: Perbaikan bagi saya adalah menyalin alamat url dan menempelkannya ke tab baru dan membuka kembali alat pengembang. Tab asli entah bagaimana menjadi buruk.

Marcus
sumber
Memang. Saya memiliki masalah yang persis sama. Mulai ulang Chrome yang memperbaiki masalah.
Rustem Zinnatullin
2

Masalahnya adalah karena pemetaan jaringan dan pembongkaran pemetaan. Ada beberapa bug aneh di alat dev chrome yang menyebabkan masalah semacam ini. Beberapa kali Anda bahkan mungkin melihat, file css lama di bilah samping dan ketika Anda membuka file css dari bilah sisi kiri. itu hanya akan kosong atau bahkan lebih buruk, bahkan tidak akan terlihat.

Bahkan saya sudah mencoba semua opsi. memulai ulang, menghapus semua chache, memetakan unmapping. mode penyamaran. Tetapi pada akhirnya harus menginstal ulang untuk melakukan perbaikan ini.

Jadi lanjutkan, lakukan pemasangan chrome baru. semuanya harus baik-baik saja.

Tarandeep Singh
sumber
2

Saya mengalami masalah yang sama dengan folder yang tidak dimuat dan saya mengatasinya dengan cara berikut:

  1. Dalam Sourcesmode, klik tombol yang disorot biru:

    masukkan deskripsi gambar di sini

  2. Pilih Open file.

  3. Ketik nama file yang diinginkan di kotak input pencarian.

  4. Pilih file dari daftar hasil.

NiVeR
sumber
1

Alasannya adalah file skrip Anda belum dimuat, segarkan halaman dengan f5 dan Anda akan melihat skrip tercantum di sumber. Ini terjadi ketika Anda meletakkan tag skrip Anda di bagian bawah tag.

akaMahesh
sumber
1

Dalam kasus saya itu adalah masalah cache Chrome. Penyegaran tidak berhasil untuk saya. Setelah memetakan file di bawah ini memperbaiki masalah saya

1- Buka file di browser misalnya http://example.com/script.js

2- Tambahkan versi misalnya http://example.com/script.js ? V = 2

Ini membersihkan cache dan file mulai muncul sebagai dapat diedit.

Onur Kocatas
sumber
1

Jika Anda melakukan debug di chrome, Tambahkan debugger; pernyataan sebelum dan sesudah di javascript di mana Anda ingin browser berhenti untuk debugging

Gopal Sinha
sumber
0

Saya telah memasang ulang Chrome dengan menghapus data profil Chrome. Ini bekerja sekarang.

Fosna
sumber
1
Adakah tempat untuk secara selektif menghapus data profil untuk alat dev chrome? Tidak ingin kehilangan history lengkap dan bookmark dan sebagainya.
Alex
3
Saya menemukan jawaban ini dan Anda dapat secara selektif mengatur ulang pengaturan alat dev tanpa menghapus seluruh profil Chrome. Tekan F12, lalu F1 dan di bagian bawah halaman ada tombol yang akan mengatur ulang alat pengembang.
Michael Thessel
Terima kasih banyak Michael Tessel - dev chrome saya untuk alasan yang tidak jelas mulai hanya menampilkan lebih sedikit file saya (yang membuat debugging cukup sulit). Saya mengatur ulang pengaturan devtool, dan semuanya bekerja lagi! :-)
hasse
0

Saya mengalami masalah yang sama, yang saya lakukan hanyalah menghapus semua file Temp di AppData lokal, dengan nama profil Anda misalnya C: \ Users \ userprofile \ AppData \ Local \ Temp

Pelayan Bopape
sumber
0

Bagi saya juga merupakan masalah 'pemetaan dan pembongkaran'. Saya menghapus semua pemetaan, tetapi folder di bawah situs web tidak terlihat.

Solusi bagi saya adalah: dalam pengaturan alat pengembang, buka tab "Ruang Kerja". Masih ada beberapa pemetaan. Saya menghapus semua. Setelah reload oke.

Matteo Tosato
sumber
0

Saya memiliki masalah yang sama dan mencoba jawaban yang disebutkan, tetapi ternyata Google Chrome diperbarui secara diam-diam dan perlu diluncurkan kembali kemudian semuanya berfungsi dengan baik.

Masukkan chrome://settings/helpURL chrome Anda dan periksa apakah perlu diluncurkan kembali.

Shiko
sumber
0

Saya menghadapi masalah ini, karena kesalahan ejaan di dalam tag skrip javascript.

<script type="text/javsscript" src="./../js/lib/darkmodejs.min.js"></script>

Masalahnya adalah kesalahan ejaan di dalam atribut type, yang kemudian saya ubah menjadi:

<script type="text/javascript" src="./../js/lib/darkmodejs.min.js"></script>

dan berfungsi dengan lancar bagi saya, terkadang masalahnya sangat kecil tetapi efeknya lebih besar.

ArifMustafa
sumber
0

Dalam kasus saya, masalahnya adalah bahwa file JavaScript yang saya miliki membutuhkan waktu lebih lama untuk dimuat (sekitar 5 menit) sehingga memberi saya kesan bahwa mereka tidak dimuat sama sekali. Saya telah melihat ini terjadi ketika saya memuat proyek lokal setelah waktu yang lama. Begitu mereka dimuat mereka tetap dalam memori bahkan setelah saya menyegarkan halaman.

Saumil
sumber