สร้างโค้ดในคอนโซลและแหล่งที่มา

ใช้ Gemini เพื่อสร้างโค้ดในแผงคอนโซลและแหล่งที่มา

ตั้งแต่ Chrome 147 เป็นต้นไป ฟีเจอร์นี้จะพร้อมใช้งานสำหรับทรัพยากรที่เป็นข้อความทั้งหมดของหน้าเว็บ ภาษาที่มีลำดับความสำคัญสำหรับการสร้างโค้ดคือ JavaScript

ฟีเจอร์การสร้างโค้ดในแผงคอนโซลและแผงแหล่งที่มา

ความพร้อมใช้งาน

หากต้องการใช้ฟีเจอร์ AI ที่พร้อมใช้งานในเครื่องมือสำหรับนักพัฒนาเว็บ ให้ตรวจสอบว่าคุณมีคุณสมบัติดังนี้

  • มีอายุอย่างน้อย 18 ปีและอยู่ในพื้นที่ที่รองรับ
  • ใช้ Chrome เวอร์ชันล่าสุด
  • ลงชื่อเข้าใช้ Chrome ด้วยบัญชี Google
  • เลือกอังกฤษ (สหรัฐอเมริกา) ใน การตั้งค่า > ค่ากำหนด > ลักษณะที่ปรากฏ > ภาษาใน DevTools
  • เปิดใช้ การตั้งค่า > นวัตกรรม AI ในเครื่องมือสำหรับนักพัฒนาเว็บ

เปิดใช้การสร้างโค้ด

หากต้องการเปิดใช้การสร้างโค้ดโดยเฉพาะ ให้ไปที่ DevTools > การตั้งค่า > นวัตกรรม AI แล้วเปิดคำแนะนำโค้ด

ปุ่มเปิด/ปิดฟีเจอร์คำแนะนำโค้ดในการตั้งค่า - นวัตกรรม AI

วิธีเปิดใช้การสร้างโค้ดจากแผงคอนโซลหรือแหล่งที่มาโดยตรง

  1. ขณะแก้ไขไฟล์ต้นฉบับหรือพิมพ์ในคอนโซล ให้กด Command + i ใน Mac หรือ Control + i ในแป้นพิมพ์ลัดนี้ i จะเป็นตัวพิมพ์เล็ก

    การเปิดคำแนะนำโค้ดในแหล่งที่มาและคอนโซลด้วยแป้นพิมพ์ลัด

  2. อ่านสิ่งที่ควรพิจารณาในหน้าต่างกล่องโต้ตอบ แล้วคลิกรับทราบ

    กล่องโต้ตอบ "สิ่งที่ควรพิจารณา"

สร้างโค้ด

วิธีสร้างโค้ดในแผงคอนโซลหรือแหล่งที่มา

  1. ในความคิดเห็นของโค้ด ให้พิมพ์พรอมต์ เช่น // Loop to check all img elements for valid alt attributes

    พรอมต์สำหรับการสร้างโค้ดในความคิดเห็น JavaScript

  2. หากต้องการเริ่มสร้าง ให้กด Command + i ใน Mac หรือ Control + i ในแป้นพิมพ์ลัดนี้ i จะเป็นตัวพิมพ์เล็ก

  3. รอให้การสร้างโค้ดเสร็จสิ้น อาจใช้เวลาสักครู่

  4. กด Tab หรือ Enter เพื่อยอมรับ หรือ Esc เพื่อปฏิเสธโค้ดบล็อกที่สร้างขึ้น

    ยอมรับหรือปฏิเสธโค้ดบล็อกที่สร้างขึ้น

ดูเพิ่มเติม