ปิดการใช้งานแผนที่ต้นทางใน Chrome DevTools


คำตอบ:


162

เปิดเครื่องมือสำหรับนักพัฒนาไปที่ "การตั้งค่า" สำหรับเครื่องมือสำหรับนักพัฒนาจากนั้นยกเลิกการเลือกEnable JavaScript Sourcemapsภายใต้การตั้งค่า "แหล่งที่มา"

การตั้งค่าสำหรับเครื่องมือสำหรับนักพัฒนา

สลับแหล่งที่มา JS


7
ขอบคุณที่ฉันเห็น น่าเสียดายที่การเปลี่ยนตัวเลือกนี้จำเป็นต้องมีการรีเฟรชก่อนที่จะมีผล ฉันหวังว่าจะมีวิธีสลับตัวเลือกโดยไม่ต้องรีเฟรช
Jack Allan

ไม่ เนื่องจากแหล่งที่มาจะต้องได้รับการตีความใหม่ตามการตั้งค่า
Garbee

2
ขอบคุณฉันอยากรู้ว่าทำไมสิ่งนี้ถึงจำเป็นเพราะมันมักจะรัน es5 ภายใต้ประทุนและการแมปต้นทางจะแจ้งให้ดีบักเกอร์ทราบว่าคำสั่งปัจจุบันอยู่ในบรรทัดใดในซอร์สโค้ด?
Jack Allan

11
สำหรับผู้ที่ดิ้นรนเพื่อค้นหาการตั้งค่าเหล่านี้เช่นฉันโปรดดูที่นี่: i.imgur.com/9aMlBfg.png
joshcomley

2
ฉันเพิ่งลองสิ่งนี้และดูเหมือนว่าจะมีผลทันทีกล่าวคือดูเหมือนว่าจะไม่มีการรีเฟรชหน้าเว็บอีกต่อไป
Jackson

0

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

ฉันพบว่าสิ่งนี้มีประโยชน์ในระหว่างการพัฒนา เมื่อใช้webpack-dev-server(หรือเครื่องมืออื่น ๆ ) โดยไม่ย่อขนาด js คุณสามารถดับเบิลคลิกหมายเลขบรรทัดในไฟล์ต้นฉบับเพื่อข้ามไปยังไฟล์เอาต์พุตที่คอมไพล์แล้ว

ฉันเพิ่งค้นพบสิ่งนี้โดยบังเอิญและพบความคิดเห็นนี้ตั้งแต่วันที่ 21 ธันวาคม 2016: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

คุณสามารถดับเบิลคลิกที่หมายเลขบรรทัดเพื่อข้ามไปยังไฟล์ต้นฉบับได้ แต่มันก็ไร้ประโยชน์หากไฟล์ที่ย่อขนาดได้ลบบรรทัดใหม่ทั้งหมด :(

การตัดคำจะทำให้งานนี้ดีขึ้น https://bugs.chromium.org/p/chromium/issues/detail?id=167287

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

ตามหลักการแล้วในไฟล์ที่ย่อขนาดพร้อมแผนที่ต้นทางการคลิกขวา (หรือดับเบิลคลิก) ที่ใดก็ได้ในไฟล์ที่ย่อขนาดควรอนุญาตให้ข้ามไปยังไฟล์บรรทัดและคอลัมน์ที่แน่นอน


11
เมื่อฉันดับเบิลคลิกที่หมายเลขบรรทัดมันจะเพิ่มแล้วลบเบรกพอยต์ ฉันพลาดอะไรไปรึเปล่า?
emclain

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