Google ใช้เทคโนโลยี AI เพื่อแปลเนื้อหาเป็นภาษาที่คุณต้องการ การแปลโดย AI อาจมีข้อผิดพลาด

เรียกใช้ข้อมูลโค้ด JavaScript

Kayce Basques

Sofia Emelianova

หากพบว่าคุณเรียกใช้โค้ดเดียวกันในคอนโซลซ้ำๆ ให้ลองบันทึกโค้ดเป็นข้อมูลโค้ดแทน ข้อมูลโค้ดมีสิทธิ์เข้าถึงบริบท JavaScript ของหน้าเว็บ ซึ่งเป็นทางเลือกแทนบุ๊กมาร์กเล็ต

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

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

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

ต่อไปนี้คือซอร์สโค้ดของข้อมูลโค้ดที่บันทึกข้อความบางส่วนและแทนที่เนื้อหา HTML ของหน้าแรกด้วยองค์ประกอบ <p> ที่มีข้อความดังกล่าว

console.log('Hello, Snippets!');
document.body.innerHTML = '';
const p = document.createElement('p');
p.textContent = 'Hello, Snippets!';
document.body.appendChild(p);

เมื่อคลิกปุ่มเรียกใช้ ลิ้นชักคอนโซลจะปรากฏขึ้นเพื่อแสดงข้อความ Hello, Snippets! ที่ข้อมูลโค้ดบันทึกไว้ และเนื้อหาของหน้าจะเปลี่ยนไป

หน้าแรกหลังจากเรียกใช้ข้อมูลโค้ด

เปิดแผงข้อมูลโค้ด

แผงข้อมูลโค้ดจะแสดงข้อมูลโค้ดของคุณ หากต้องการแก้ไขข้อมูลโค้ด ให้เปิดข้อมูลโค้ดด้วยวิธีใดวิธีหนึ่งต่อไปนี้

ไปที่แหล่งที่มา > > ข้อมูลโค้ด
จากเมนูคำสั่ง ให้ทำดังนี้
1. กด Control+Shift+P (Windows/Linux) หรือ Command+Shift+P (Mac) เพื่อเปิดเมนูคำสั่ง
2. เริ่มพิมพ์ Snippets เลือกแสดงตัวอย่างข้อมูล แล้วกด Enter

แผงแหล่งที่มา>ข้อมูลโค้ดจะแสดงรายการข้อมูลโค้ดที่คุณบันทึกไว้ ซึ่งในตัวอย่างนี้จะว่างเปล่า

แผงข้อมูลโค้ดที่ว่างเปล่า

สร้างข้อมูลเพิ่มเติม

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

แผงข้อมูลโค้ดจะจัดเรียงข้อมูลโค้ดตามลำดับตัวอักษร

สร้างข้อมูลโค้ดในแผงแหล่งที่มา

เปิดแผงข้อมูลโค้ด
คลิก ข้อมูลโค้ดใหม่
ป้อนชื่อตัวอย่างคำตอบ แล้วกด Enter เพื่อบันทึก

โฟกัสเคอร์เซอร์ที่ใดก็ได้ภายในเครื่องมือสำหรับนักพัฒนาเว็บ
กด Control+Shift+P (Windows/Linux) หรือ Command+Shift+P (Mac) เพื่อเปิดเมนูคำสั่ง
เริ่มพิมพ์ Snippet เลือกสร้างข้อมูลโค้ดใหม่ แล้วกด Enter เพื่อเรียกใช้คำสั่ง

ดูหัวข้อเปลี่ยนชื่อข้อมูลโค้ดหากต้องการตั้งชื่อที่กำหนดเองให้กับข้อมูลโค้ดใหม่

แก้ไขตัวอย่างข้อมูล

เปิดแผงข้อมูลโค้ด
ในแผงข้อมูลโค้ด ให้คลิกชื่อข้อมูลโค้ดที่ต้องการแก้ไข แผงแหล่งที่มาจะเปิดไฟล์ในตัวแก้ไขโค้ด
ใช้เครื่องมือแก้ไขโค้ดเพื่อแก้ไขโค้ดในข้อมูลโค้ด เครื่องหมายดอกจันข้างชื่อตัวอย่างข้อมูลหมายความว่าคุณยังไม่ได้บันทึกการเปลี่ยนแปลง
กด Control+S (Windows/Linux) หรือ Command+S (Mac) เพื่อบันทึก