Kayce Basques
Sofia Emelianova
ใช้แผงแหล่งที่มาเพื่อดูและแก้ไขทรัพยากรของเว็บไซต์ เช่น สไตล์ชีต ไฟล์ JavaScript และรูปภาพ
ภาพรวม
แผงแหล่งที่มาช่วยให้คุณทำสิ่งต่อไปนี้ได้
- ดูไฟล์
- แก้ไข CSS และ JavaScript
- สร้างและบันทึกข้อมูลโค้ดของ JavaScript ซึ่งสามารถเรียกใช้ได้ในทุกหน้า ข้อมูลโค้ดจะคล้ายกับบุ๊กมาร์กเลต
- แก้ไขข้อบกพร่อง JavaScript
- ตั้งค่า Workspace เพื่อให้ระบบบันทึกการเปลี่ยนแปลงที่คุณทำในเครื่องมือสำหรับนักพัฒนาเว็บลงในโค้ดในระบบไฟล์
เปิดแผงแหล่งที่มา
หากต้องการเปิดแผงแหล่งที่มา ให้ทําตามขั้นตอนต่อไปนี้
- เปิดเครื่องมือสำหรับนักพัฒนาเว็บ
- เปิดเมนูคำสั่งโดยกดแป้นต่อไปนี้
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
- เริ่มพิมพ์
sourcesเลือกแสดงแผงแหล่งข้อมูล แล้วกด Enter
หรือที่มุมขวาบน ให้เลือก more_vert ตัวเลือกเพิ่มเติม > เครื่องมือเพิ่มเติม > แหล่งที่มา
ดูไฟล์
คลิกแท็บหน้าเว็บเพื่อดูทรัพยากรทั้งหมดที่หน้าเว็บโหลด