ความช่วยเหลือจาก AI ในการจัดรูปแบบ

Matthias Rohmer

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

เปิดแผง "ความช่วยเหลือจาก AI"

แผงความช่วยเหลือจาก AI จะเปิดขึ้นในลิ้นชัก

จากแผงองค์ประกอบ

หากต้องการเปิดความช่วยเหลือจาก AI จากแผงองค์ประกอบ เมื่อตรวจสอบโหนด DOM ให้คลิกขวาที่โหนดแล้วเลือกตัวเลือกถาม AI

เมื่อคุณเปิดความช่วยเหลือจาก AI เช่นนี้ ระบบจะเลือกองค์ประกอบ DOM ที่ตรวจสอบไว้ล่วงหน้าเป็นองค์ประกอบบริบทสำหรับการสนทนาแล้ว

หรือคลิกปุ่มลอยที่แนบอยู่กับโหนด DOM ที่วางเมาส์เหนือ

จากเมนูคำสั่ง

หากต้องการเปิดความช่วยเหลือจาก AI จากเมนูคำสั่ง ให้พิมพ์ AI แล้วเรียกใช้คำสั่งแสดงความช่วยเหลือจาก AI ซึ่งมีป้ายลิ้นชักอยู่ข้างๆ

จากเมนู "เครื่องมือเพิ่มเติม"

หรือเลือกการตั้งค่า ตัวเลือกเพิ่มเติม > เครื่องมือเพิ่มเติม > ความช่วยเหลือจาก AI ที่มุมขวาบน

บริบทการสนทนา

การแชทกับความช่วยเหลือจาก AI จะเกี่ยวข้องกับองค์ประกอบที่ตรวจสอบอยู่เสมอ ซึ่งเป็นองค์ประกอบล่าสุดที่เลือกในต้นไม้ DOM ของแผงองค์ประกอบ การอ้างอิงถึงองค์ประกอบนี้จะแสดงที่มุมซ้ายล่างของแผง

เปลี่ยนบริบทโดยใช้ปุ่มเครื่องมือเลือกองค์ประกอบข้างองค์ประกอบปัจจุบัน หรือเลือกจากต้นไม้ DOM ของแผงองค์ประกอบ

แม้ว่าองค์ประกอบที่ตรวจสอบในปัจจุบันจะเป็นรากฐานของการสนทนา แต่ความช่วยเหลือจาก AI ก็มีสิทธิ์เข้าถึง Web API ทั้งหมดเพื่อรวบรวมข้อมูลเพิ่มเติมจากหน้าเว็บที่ตรวจสอบ ซึ่งรวมถึงการค้นหาองค์ประกอบอื่นๆ ด้วย document.querySelector หรือการประเมินสไตล์ที่คอมไพล์แล้ว

พรอมต์

เมื่อเริ่มการสนทนาใหม่ ความช่วยเหลือจาก AI สำหรับตัวอย่างการจัดสไตล์ข้อเสนอจะแสดงพรอมต์เพื่อช่วยให้คุณเริ่มต้นใช้งานได้อย่างรวดเร็ว

คลิกพรอมต์ใดก็ได้เพื่อป้อนข้อมูลในช่องป้อนพรอมต์ที่ด้านล่างของแผง

หรือจะพิมพ์พรอมต์หรือคำถามของคุณเองในช่องป้อนข้อมูลก็ได้

หากต้องการส่งพรอมต์ ให้กด Enter หรือคลิกลูกศรทางด้านขวาของช่องป้อนข้อมูล

ขั้นตอนการสนทนา

การส่งพรอมต์จะเป็นการเริ่มการสนทนากับตัวแทนการจัดสไตล์ ตัวแทนจะสร้างและเรียกใช้ JavaScript ที่เรียกใช้ Web API เพื่อรับข้อมูลที่จําเป็นในการตอบพรอมต์ของคุณให้ดีที่สุด ความคืบหน้าของตัวแทนจะแสดงเป็นขั้นตอน สถานะขั้นตอนเริ่มต้นคือ Investigating…

ป้ายกำกับขั้นตอนจะอัปเดตเมื่อตัวแทนดำเนินการที่เฉพาะเจาะจงมากขึ้นเพื่อแก้ปัญหา

เมื่อตัวแทนพบคำตอบสุดท้ายแล้ว คำตอบจะแสดงใต้ขั้นตอนการตรวจสอบ รวมถึงคำแนะนำสำหรับพรอมต์การติดตามผล

คลิกข้อความแจ้งที่แนะนำเพื่อสนทนาต่อ คลิก keyboard_arrow_down

ของขั้นตอนการตรวจสอบเพื่อให้เข้าใจสิ่งที่ความช่วยเหลือจาก AI ทำเบื้องหลังได้ดียิ่งขึ้น

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

การสนทนาที่หยุดชั่วคราว

ความช่วยเหลือจาก AI อาจสร้างโค้ดที่มีผลข้างเคียง เมื่อเกิดเหตุการณ์ดังกล่าว ระบบจะหยุดการสนทนาชั่วคราวก่อนเรียกใช้โค้ด

เมื่อการสนทนาหยุดชั่วคราว ให้ตรวจสอบรหัสที่ตัวแทนเสนอ คลิก play_arrow ดำเนินการต่อเพื่อดำเนินการต่อ หรือยกเลิกเพื่อป้องกันการดำเนินการ

ไม่มีคำตอบ

ความช่วยเหลือจาก AI อาจไม่แสดงคำตอบเนื่องจากสาเหตุหลายประการ

หากคิดว่าพรอมต์ของคุณเป็นหัวข้อที่ผู้ช่วย AI ควรพูดคุยได้ ให้รายงานข้อบกพร่อง

ประวัติการสนทนา

เมื่อเริ่มการสนทนา คำตอบต่อๆ ไปจะอิงตามการโต้ตอบก่อนหน้านี้ระหว่างคุณกับ AI

ใช้ตัวควบคุมที่มุมซ้ายบนของแผงเพื่อควบคุมประวัติการสนทนา

เริ่มใหม่

หากต้องการเริ่มการสนทนาใหม่ด้วยบริบทการสนทนาที่เลือกอยู่ในปัจจุบัน ให้คลิกปุ่มเพิ่ม

ต่อไป

หากต้องการสนทนาต่อจากบทสนทนาที่ผ่านมา ให้คลิกปุ่มประวัติ แล้วเลือกจากเมนูตามบริบท

ลบ

หากต้องการลบการสนทนาออกจากประวัติ ให้คลิกปุ่มลบ

ให้คะแนนคำตอบและแสดงความคิดเห็น

ความช่วยเหลือจาก AI เป็นฟีเจอร์ทดลอง เราจึงอยากทราบความคิดเห็นของคุณเพื่อหาวิธีปรับปรุงคุณภาพคำตอบและประสบการณ์การใช้งานโดยรวม

โหวตคำตอบ

ให้คะแนนคำตอบโดยใช้ปุ่ม thumb_up ชอบและ thumb_down ไม่ชอบใต้คำตอบ

รายงานคำตอบ

หากต้องการรายงานเนื้อหาไม่เหมาะสม ให้คลิกปุ่มรายงานข้างปุ่มโหวต