
ฟีเจอร์ที่เรียกว่า "ข้อมูลโค้ด" มีอยู่ในเครื่องมือสำหรับนักพัฒนาเว็บซึ่งช่วยให้คุณบันทึก (หรือลบ) โค้ดบางส่วนซึ่งเรียกใช้ในหน้าเว็บได้ (สะดวกกว่าการพิมพ์โค้ด JavaScript ซ้ำในแผงคอนโซลเล็กน้อย) วิธีทดลองใช้มีดังนี้
- ไปที่แหล่งที่มา > ข้อมูลโค้ด (อยู่ในแถบด้านข้างทางซ้าย)
- คลิกขวาในหน้าต่างข้อมูลเพิ่มเติมแล้วเลือก "ใหม่"
- ป้อนชื่อไฟล์และข้อมูลโค้ดที่คุณต้องการ
- คลิกขวาที่ข้อมูลโค้ดแล้วเลือกเรียกใช้ (หรือ
Ctrl/Cmd + Enter
)
นอกจากนี้ คุณจะสังเกตเห็นว่ามีการใช้การแก้ไขหลายบรรทัดและการยืนยันเพื่อให้ออกโดยไม่ต้องบันทึก
แหล่งที่มาของตัวอย่าง: https://github.com/bgrins/devtools-snippets