ทรัพยากรสำหรับนักพัฒนาซอฟต์แวร์: ดูและโหลดการแมปแหล่งที่มาด้วยตนเอง

Sofia Emelianova
Sofia Emelianova

ใช้แผงแหล่งข้อมูลสำหรับนักพัฒนาซอฟต์แวร์เพื่อตรวจสอบว่าเครื่องมือสำหรับนักพัฒนาเว็บโหลดสํารวจแหล่งที่มาสําเร็จหรือไม่ คุณสามารถโหลดด้วยตนเองได้หากจำเป็น

ภาพรวม

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

ข้อผิดพลาดในการโหลดแผนที่แหล่งที่มาในคอนโซล

ในแผงแหล่งข้อมูลสําหรับนักพัฒนาซอฟต์แวร์ คุณสามารถดูสถานะการโหลดแผนที่แหล่งที่มาและโหลดแผนที่แหล่งที่มาด้วยตนเองได้

เปิดแหล่งข้อมูลของนักพัฒนาแอปและตรวจสอบสถานะ

วิธีตรวจสอบสถานะการโหลดของแผนที่ซอร์ส

  1. เปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ ตรวจสอบว่าได้เปิดใช้การแมปแหล่งที่มา แล้วไปที่ > เครื่องมือเพิ่มเติม > แหล่งข้อมูลสําหรับนักพัฒนาซอฟต์แวร์
  2. ในตาราง ให้ตรวจสอบค่าในคอลัมน์ต่อไปนี้

    • สถานะเพื่อดูว่าการโหลดแผนที่แหล่งที่มาสําเร็จหรือไม่
    • ข้อผิดพลาดเพื่ออ่านข้อความแสดงข้อผิดพลาด (หากมี)

คอลัมน์สถานะและข้อผิดพลาด

กรองทรัพยากรตาม URL หรือข้อผิดพลาด

หากต้องการมุ่งเน้นที่แผนที่แหล่งที่มาที่คุณสนใจ ให้ป้อนข้อความในกล่องข้อความที่ด้านบนเพื่อกรองแผนที่แหล่งที่มาที่ไม่มีข้อความนี้ใน URL หรือข้อความแสดงข้อผิดพลาด

การกรองซอร์สแมปที่ไม่มี "js" ใน URL ออก

แก้ปัญหาการโหลดแผนที่ต้นทาง

โดยค่าเริ่มต้น เครื่องมือสำหรับนักพัฒนาเว็บจะขอสําเนาที่มาแทนเว็บไซต์ ระบบอาจถือว่าคำขอดังกล่าวเป็นคำขอข้ามแหล่งที่มาและอาจไม่ผ่าน

หากต้องการให้เว็บไซต์สร้างแผนที่แหล่งที่มาของคำขอก่อน ให้ไปที่มุมขวาบนของทรัพยากรสําหรับนักพัฒนาซอฟต์แวร์ แล้วเลือก ช่องทำเครื่องหมาย โหลดผ่านเว็บไซต์

ช่องทําเครื่องหมาย "โหลดผ่านเว็บไซต์"

หากยังพบปัญหาในการโหลดสําเนาแผนที่แหล่งที่มา ให้ลองโหลดด้วยตนเองตามที่อธิบายไว้ถัดไป

โหลดการแมปแหล่งที่มาด้วยตนเอง

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

  1. สร้างแผนที่แหล่งที่มาโดยใช้เครื่องมือที่รองรับ
  2. โฮสต์แผนที่แหล่งที่มาในเครื่อง
  3. เปิดเครื่องมือสำหรับนักพัฒนาเว็บในหน้าเว็บ และตรวจสอบว่าได้เปิดใช้การแมปแหล่งที่มา
  4. เปิดไฟล์ที่ติดตั้งใช้งาน (ประมวลผลแล้ว) ในแหล่งที่มา คลิกขวาที่ไฟล์ในเครื่องมือแก้ไข แล้วเลือกเพิ่มแผนที่แหล่งที่มาจากเมนู

    เลือก "เพิ่มแผนที่แหล่งที่มา" จากเมนู

  5. ในกล่องข้อความ ให้ระบุ URL ของแผนที่ต้นทาง แล้วคลิกเพิ่ม

    ระบุ URL ของการแมปแหล่งที่มา

  6. ตรวจสอบว่าไฟล์ต้นฉบับ (แมปจากไฟล์ที่ติดตั้งใช้งาน) และไฟล์ต้นทางปรากฏในทรัพยากรสําหรับนักพัฒนาซอฟต์แวร์และในลําดับชั้นไฟล์หรือไม่

    แผนที่แหล่งที่มาที่โหลดด้วยตนเองจะทำให้ไฟล์ต้นฉบับปรากฏในลําดับชั้นไฟล์

  7. ดำเนินการแก้ไขข้อบกพร่องของไฟล์ต้นฉบับ