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.


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


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.


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);
                    });
                }

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.


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.


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.


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.


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.


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.



1

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


0

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


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


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.


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.


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.


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.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.