เครื่องมือสำหรับนักพัฒนา Chrome จะไม่แสดงไฟล์ JavaScript ทั้งหมดอีกต่อไป


87

ไฟล์ JavaScript บางไฟล์ไม่สามารถมองเห็นได้ในเครื่องมือ Chorme Developer อีกต่อไป

Google Chrome เป็นเวอร์ชันล่าสุด เวอร์ชัน 44.0.2403.130 ม. เวอร์ชันดีบักของแอป สคริปต์ในหัว

<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>

สคริปต์ส่วนแรกสามารถมองเห็นได้ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ภายใต้เมนูแหล่งที่มาบนเส้นทาง localhost / Scripts / * ส่วนที่สองของสคริปต์ไม่สามารถมองเห็นได้ตั้งแต่เมื่อวานนี้ เครื่องมือสำหรับนักพัฒนาคืออะไร?

ไม่มีข้อผิดพลาดในคอนโซล JavaScript ฉันเห็นคำขอที่สำเร็จสำหรับไฟล์ JavaScript ในแท็บเครือข่าย โหลด JavaScript ทั้งหมดแล้ว แอปพลิเคชันทำงานได้ดี

เครื่องมือสำหรับนักพัฒนาคืออะไร? ใครมีความคิด?

ถ้าฉันเพิ่ม "โฟลเดอร์" localhost ลงในพื้นที่ทำงานทุกอย่างจะมองเห็นได้แม้กระทั่งไฟล์ต้นทางฝั่งเซิร์ฟเวอร์


10
ใช้แท็บเครือข่ายในเครื่องมือสำหรับนักพัฒนาและรีเฟรชหน้าเพื่อตรวจสอบว่าไฟล์ js ถูกโหลดจริงหรือไม่เมื่อโหลดเพจ
Seano666

@ Seano666 ฉันทำอย่างนั้น คำอธิบายคำถามได้รับการชี้แจงเนื่องจากความคิดเห็นของคุณ ขอบคุณ.
Fosna

2
ใส่ console.log ในซอร์สไฟล์รีเฟรชหน้าคุณจะได้รับ console.log และคุณสามารถคลิกที่ซอร์สจากคอนโซล
SilentTremor

หากไม่มีบันทึกคอนโซลแสดงว่าไฟล์ต้นฉบับของคุณไม่ได้โหลดจากที่ที่คุณคาดหวัง
SilentTremor

@SilentTremor ความคิดที่ดี ขอบคุณ. ชื่อไฟล์ถัดจากข้อความจากพารามิเตอร์ console.log () คือ VM254 DdiClientMain.js: 17 ฉันสงสัยว่านี่หมายถึงอะไร?
Fosna

คำตอบ:


118

เปิดแท็บเครือข่ายในเครื่องมือสำหรับนักพัฒนาและกด F5 เพื่อรีเฟรช - ขอบคุณ @ Seano666 สำหรับความคิดเห็นของคุณในคำถาม


10
สิ่งนี้ใช้ได้ผลกับฉันด้วย การเปิดแท็บเครือข่ายระหว่างการโหลดซ้ำดูเหมือนว่าจะส่งผลต่อข้อบกพร่อง
CodeToad

เคล็ดลับสำหรับมือโปร: คุณสามารถจัดเรียงสิ่งที่โหลดบนหน้าเว็บได้โดยการจัดเรียงตาม 'ประเภท' ซึ่งจะทำให้สคริปต์ทั้งหมดอยู่ในรายการด้วยกัน
Novastorm

การเปิด Devtools ใช้งานได้ดีสำหรับฉัน ไม่จำเป็นต้องเปิดแท็บเครือข่าย
Surjith SM

ว้าวมันได้ผล คุณคิดวิธีแก้ปัญหานี้ได้อย่างไร : P
Gokul NK

ข้อบกพร่องนี้ยังคงมีอยู่ในเวอร์ชัน 77.0.3865.90 (รุ่นอย่างเป็นทางการ) (64 บิต)
Markus Zeller

41

สำหรับฉันฉันต้องเปิดการตั้งค่าเครื่องมือสำหรับนักพัฒนาและคลิกที่ปุ่ม "คืนค่าเริ่มต้นและโหลดซ้ำ" ในแท็บแรก

จากนั้นสคริปต์ในเครื่องทั้งหมดของฉันก็ปรากฏขึ้นอีกครั้งและการดีบักก็กลับมาเป็นปกติ


21

เพิ่มdebugger;คำสั่งที่ส่วนใดส่วนหนึ่งของสคริปต์ของคุณดีบักเกอร์จะหยุดที่จุดนี้และแสดงสคริปต์ให้คุณเห็นแม้ว่าสคริปต์จะโหลดแบบไดนามิกก็ตาม

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

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

                        $(option).appendTo(combo);
                    });
                }

2
สิ่งนี้ทำงานได้อย่างสมบูรณ์แบบสำหรับสคริปต์ที่โหลดผ่านการโทร AJAX ซึ่งจะปฏิเสธที่จะแสดงในแผงแหล่ง เนื่องจาก Chrome เรียกใช้งานในไฟล์ VM ในบางประเภทการวางdebugger;บรรทัดบังคับให้ Chrome เปิดไฟล์ VM
James Haug

@JamesHaug นี่เป็นวิธีเดียวที่ฉันสามารถดีบักสคริปต์ที่โหลดแบบไดนามิกไม่ว่าจะโหลดผ่านเฟรมเวิร์กหรือฉีด
bigpony

สิ่งนี้ใช้ได้ผลสำหรับฉัน แต่ก็ยังไม่แสดงว่าฉันไม่มี 'ดีบักเกอร์' อยู่ในนั้น
Steve

10

ลองคลิกขวาที่reloadปุ่มในเครื่องมือสำหรับนักพัฒนา คุณจะได้รับเมนูที่คุณสามารถเลือก:
ที่ได้ผลสำหรับฉันEmpty Cache & Hard Reload


สิ่งนี้ใช้ได้กับฉันเช่นกัน นอกจากนี้ก่อนที่จะรีเฟรชฉันสามารถค้นหาสคริปต์ที่หายไปได้ในแท็บ "แอปพลิเคชัน"
knopch1425

4

ฉันมีปัญหาเดียวกันและ "ล้างแคชและฮาร์ดรีโหลด" ได้ผลสำหรับฉัน


ทำงานให้ฉันโดยไม่จำเป็นต้องติดตั้งโครเมี่ยมใหม่
Dimitry K

3

ปัญหา: ฉันได้รับการพัฒนา / แก้ไขจุดบกพร่องมาระยะหนึ่งแล้วพบปัญหาที่คล้ายกัน แม้ว่าบันทึกคอนโซลของฉันจะแสดงหมายเลขบรรทัด แต่เมื่อฉันคลิกฉันก็ถูกนำไปที่บรรทัดที่ 1 ของหน้าว่าง สคริปต์ของฉันถูกฝังอยู่ใน html ดังนั้นฉันจึงเห็นได้ในแท็บองค์ประกอบ แต่เมื่อฉันเปิดไฟล์ในแท็บ Sources มันก็ว่างเปล่า

วิธีแก้ไข: การแก้ไขสำหรับฉันคือการคัดลอกที่อยู่ url และวางลงในแท็บใหม่และเปิดเครื่องมือ dev อีกครั้ง แท็บเดิมตกอยู่ในสถานะไม่ดีอย่างใด


แน่นอน. ฉันมีปัญหาเดียวกัน รีสตาร์ท Chrome ซึ่งแก้ไขปัญหาได้
Rustem Zinnatullin

2

ปัญหาเกิดจากการแมปเครือข่ายและการไม่แมป มีข้อผิดพลาดแปลก ๆ ในเครื่องมือ Chrome dev ซึ่งทำให้เกิดปัญหาเหล่านี้ บางครั้งคุณอาจเห็นไฟล์ css เก่าในแถบด้านข้างและเมื่อคุณเปิดไฟล์ css จากแถบด้านซ้าย มันจะเป็นเพียงความว่างเปล่าหรือแย่กว่านั้นคือไม่สามารถมองเห็นได้

ฉันได้ลองใช้ตัวเลือกทั้งหมดแล้ว เริ่มต้นใหม่ลบ chache ทั้งหมดการทำแผนที่ unmapping โหมดไม่ระบุตัวตน แต่สุดท้ายต้องติดตั้งใหม่เพื่อทำการแก้ไข

ติดตั้ง Chrome ใหม่ได้เลย ทุกอย่างควรจะเรียบร้อย


2

ฉันประสบปัญหาเดียวกันกับโฟลเดอร์ที่ไม่ได้โหลดและฉันแก้ไขด้วยวิธีต่อไปนี้:

  1. ในSourcesโหมดให้คลิกปุ่มที่ไฮไลต์สีน้ำเงิน:

    ป้อนคำอธิบายภาพที่นี่

  2. เลือกOpen file.

  3. พิมพ์ชื่อไฟล์ที่ต้องการในช่องป้อนการค้นหา

  4. เลือกไฟล์จากรายการผลลัพธ์


1

สาเหตุคือยังไม่ได้โหลดไฟล์สคริปต์ของคุณรีเฟรชหน้าด้วยf5และคุณจะเห็นสคริปต์แสดงรายการในแหล่งที่มา สิ่งนี้จะเกิดขึ้นเมื่อคุณวางแท็กสคริปต์ไว้ที่ด้านล่างของแท็ก


1

ในกรณีของฉันมันเป็นปัญหาแคชของ Chrome การรีเฟรชไม่ได้ผลสำหรับฉัน หลังจากแมปไฟล์ด้านล่างได้แก้ไขปัญหาของฉันแล้ว

1- เปิดไฟล์บนเบราว์เซอร์เช่นhttp://example.com/script.js

2- เพิ่มเวอร์ชันเช่นhttp://example.com/script.js ? v = 2

การดำเนินการนี้จะล้างแคชและไฟล์จะเริ่มแสดงว่าแก้ไขได้


1

หากคุณกำลังแก้ไขข้อบกพร่องใน chrome ให้เพิ่มตัวแก้ไขข้อบกพร่อง คำสั่งก่อนและหลังในจาวาสคริปต์ที่คุณต้องการให้เบราว์เซอร์หยุดการดีบัก


0

ฉันได้ติดตั้ง Chrome ใหม่โดยลบข้อมูลโปรไฟล์ Chrome ออก ตอนนี้ใช้งานได้แล้ว


1
มีที่ใดบ้างที่จะเลือกลบข้อมูลโปรไฟล์สำหรับเครื่องมือ Chrome dev ไม่ต้องการหลวมประวัติและบุ๊กมาร์กและอื่น ๆ
อเล็กซ์

3
ฉันเจอคำตอบนี้และคุณสามารถเลือกรีเซ็ตการตั้งค่าเครื่องมือ dev ได้โดยไม่ต้องลบโปรไฟล์ Chrome ทั้งหมด กด F12 จากนั้นกด F1 และที่ด้านล่างของหน้าจะเป็นปุ่มที่เพิ่งรีเซ็ตเครื่องมือ dev
Michael Thessel

ขอบคุณ Michael Tessel จำนวนมาก - นักพัฒนา Chrome ของฉันด้วยเหตุผลที่คลุมเครือเริ่มแสดงเฉพาะไฟล์ที่น้อยลง (ซึ่งทำให้การดีบักค่อนข้างยาก) ฉันรีเซ็ตการตั้งค่า devtool และทุกอย่างก็ทำงานอีกครั้ง! :-)
hasse

0

ฉันประสบปัญหาเดียวกันทั้งหมดที่ฉันทำคือลบไฟล์ Temp ทั้งหมดใน AppData ในเครื่องภายใต้ชื่อโปรไฟล์ของคุณเช่น C: \ Users \ userprofile \ AppData \ Local \ Temp


0

สำหรับฉันก็คือปัญหา "การทำแผนที่และการยกเลิกการแมป" ฉันลบการแมปทั้งหมด แต่ไม่สามารถมองเห็นโฟลเดอร์ใต้เว็บไซต์ได้

วิธีแก้ปัญหาสำหรับฉันคือ: ในการตั้งค่าของเครื่องมือ dev ไปที่แท็บ "พื้นที่ทำงาน" ยังมีการทำแผนที่อยู่บ้าง ฉันลบออกทั้งหมด หลังจากโหลดซ้ำก็โอเค


0

ฉันมีปัญหาเดียวกันและลองใช้คำตอบที่กล่าวถึง แต่พบว่า Google Chrome ได้รับการอัปเดตอย่างเงียบ ๆ และจำเป็นต้องเปิดใช้งานใหม่ทุกอย่างจึงทำงานได้ดี

ป้อนchrome://settings/helpURL ของ Chrome และตรวจสอบว่าจำเป็นต้องเปิดใหม่หรือไม่


0

ฉันประสบปัญหานี้เนื่องจากการสะกดผิดในแท็กสคริปต์จาวาสคริปต์

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

ปัญหาคือการสะกดผิดในแอตทริบิวต์typeซึ่งจากนั้นฉันเปลี่ยนเป็น:

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

และมันก็ทำงานได้อย่างราบรื่นสำหรับฉันบางครั้งปัญหาก็เล็กน้อยมาก แต่เอฟเฟกต์ใหญ่กว่า


0

ในกรณีของฉันปัญหาคือไฟล์ JavaScript ที่ฉันใช้เวลาโหลดนานกว่ามาก (ประมาณ 5 นาที) จึงทำให้ฉันรู้สึกว่าไฟล์เหล่านั้นไม่ได้รับการโหลดเลย ฉันเคยเห็นสิ่งนี้เกิดขึ้นเมื่อฉันโหลดโปรเจ็กต์ภายในเครื่องหลังจากใช้เวลานาน เมื่อโหลดแล้วจะยังคงอยู่ในหน่วยความจำแม้ว่าฉันจะรีเฟรชหน้าเว็บแล้วก็ตาม

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.