จาวาสคริปต์ที่มนุษย์อ่านได้ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์โครม

142

ไม่มีใครรู้ว่าเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome สามารถจัดรูปแบบจาวาสคริปต์ในรูปแบบที่มนุษย์อ่านหรือไม่ ความสวยงามบางอย่างจะมีประโยชน์ สมมติว่าฉันใช้ไลบรารี JS บางตัวและฉันจำเป็นต้องสร้างอินสแตนซ์ของวัตถุขึ้นมาเพื่อที่ฉันจะได้รู้ว่าควรใส่คอนสตรัคเตอร์อย่างไร แต่การค้นหาผ่านห้องสมุดขนาดใหญ่ที่มี 4 บรรทัดในส่วนติดต่อผู้ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome นั้นค่อนข้างน่ารำคาญ ...

มิฉะนั้นฝั่งเซิร์ฟเวอร์จำเป็นต้องดูแลการใช้ "โหมด dev" ที่ให้ไฟล์ javascript ที่ไม่ได้ลดขนาด ...

javascript  google-chrome-devtools 
— Lisak
แหล่งที่มา
ค่อนข้างแน่ใจว่าเป็นไปไม่ได้ แต่ฉันหวังว่าฉันผิดเพราะมันจะเป็นคุณสมบัติที่ดี
— Zevan
ฉันได้ แต่กรณีที่ไม่มีคุณลักษณะนี้เป็นที่น่าแปลกใจมากดังนั้นผมดีกว่าถามนี่
— Lisak
— Ciro Santilli 郝海东冠状病病六四事件法轮功

คำตอบ:

331

เบราว์เซอร์บางตัวมีปุ่มพิมพ์สวยที่มีลักษณะเช่นนี้{}และจะปรากฏสำหรับ HTML, JS และ / หรือ CSS ขึ้นอยู่กับเบราว์เซอร์

Chrome มีไว้ในแท็บแหล่งที่มา :

ปุ่มพิมพ์สวย Chrome 40

Firefox มีไว้ในแท็บDebugger

Firefox 35 แสดงปุ่มที่มาล่วงหน้า:

ตำแหน่งของปุ่มเหล่านี้อาจเปลี่ยนแปลงได้ แต่ควรอยู่ในตำแหน่งดังกล่าวเสมอ

— fgm2r
แหล่งที่มา
2
บน Windows เป็นไอคอนขนาดเล็กที่คล้ายกับ -> {} คำบรรยายภาพ Pretty Print
— omninonsense
@ ด้วยขอบคุณสำหรับการกล่าวถึงว่า ฉันสงสัยว่าทำไมพวกเขาจึงใช้มันแตกต่างกันใน Windows / Mac OS
— fgm2r
3
ไม่มีใครรู้ว่าเกิดอะไรขึ้นกับคุณลักษณะ Chrome นี้ ฉันคิดว่าฉันเคยเห็นสิ่งนี้มาก่อนใน Chrome แต่ตอนนี้ดูเหมือนว่าจะหายไป
— superjos
@superjos พวกเขาได้เปลี่ยนเป็นเหมือนเดิมใน Mac OS และ Windows ตอนนี้
— fgm2r
2
อืม แต่ฉันไม่เห็นด้วยซ้ำในเมนูบริบท มีคำสั่ง 'ตรวจสอบรายการ' เท่านั้น ดูภาพหน้าจอ
— superjos
3

ไม่มีไอคอน Pretty Print (ดูเหมือน: {}) อย่างน้อยใน Windows จะมีไอคอนอยู่ภายในแท็บสคริปต์หรือไม่

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