คำนำ
ในการพัฒนาประจำวันของเราเรามักจะใช้แหล่งคอนโซลโครเมี่ยมที่ทรงพลังในการดีบักโค้ดเบรกพอยต์ แต่เราไม่สามารถหาได้ในแหล่งที่มาโดยการโหลด JS แบบอะซิงโครนัสผ่าน $.getScript และอื่น ๆ แล้ววิธีการดีบักเบรกพอยต์? ลองมาดูกันด้านล่าง
นี่คือตัวอย่างไดอะแกรมของการดีบักของเราด้วยจุดพักที่มา:
ในรูปเราจะเห็นว่าใน index.js เราแนะนำ test.js ผ่าน $.getScript เพื่อดูว่ามันทำงานอย่างไร:
เราเห็นในเครือข่ายว่าการทดสอบ. js ได้รับการแนะนำสำเร็จ แต่มันเป็นของคำขอคลาส XHR ดังนั้นเราจะไม่พบมันในแหล่งข้อมูล
ตามที่คาดไว้ไม่มีร่องรอยของการทดสอบ js ที่พบในแหล่งข้อมูล! จุดสุดยอดกำลังจะมาถึงแล้วฉันจะดีบักจุดพักได้อย่างไร? - -
ฉันรู้วิธีแก้ปัญหาสองวิธีแรกที่ง่ายที่สุด:
โซลูชัน 1: เพิ่ม //@ sourceURL=test.js ไปที่ส่วนหัวหรือหางของรหัส test.js จากนั้นค้นหาใน (no domain) สำหรับการดีบักและดูผลลัพธ์:
โซลูชันที่ 2: เปลี่ยนวิธีการแบบอะซิงโครนัสของ $.getScript เพื่อสร้างแท็กสคริปต์และโหลดแบบซิงโครนัส รูปอยู่ในรายการโดยตรง:
สรุป
เบรกพอยต์คอนโซลมีประโยชน์มากสำหรับเราในการตรวจสอบรหัสการตรวจจับฟังก์ชั่นการดูข้อมูลและความต้องการอื่น ๆ เราพยายามแทนที่คอนโซลที่น่ารำคาญล็อกด้วยจุดพัก ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์ต่อการศึกษาและการทำงานของทุกคน หากคุณมีคำถามใด ๆ คุณสามารถฝากข้อความไว้เพื่อสื่อสาร