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

Matthias Rohmer
Matthias Rohmer

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

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

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

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

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

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

เมนูตามบริบทขององค์ประกอบที่ไฮไลต์ "ถาม AI"

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

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

ปุ่มที่ลอยอยู่ซึ่งแนบอยู่กับโหนด DOM

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

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

เมนูคำสั่งที่เปิดอยู่โดยไฮไลต์ "แสดงความช่วยเหลือจาก AI"

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

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

เมนูเครื่องมือเพิ่มเติมที่เปิดอยู่

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

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

แผงความช่วยเหลือ AI ที่ไฮไลต์องค์ประกอบบริบท

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

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

พรอมต์

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

แผงความช่วยเหลือ AI ที่ไฮไลต์ตัวอย่างพรอมต์

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

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

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

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

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

แผงความช่วยเหลือจาก AI หลังจากเริ่มการสนทนา

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

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

แผงความช่วยเหลือจาก AI พร้อมคำตอบที่ AI ระบุ

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

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

แผงความช่วยเหลือจาก AI ที่มีขั้นตอนการสนทนาแบบขยาย

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

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

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

แผงความช่วยเหลือจาก AI ที่มีการสนทนาที่หยุดชั่วคราว

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

ไม่มีคำตอบ

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

แผงความช่วยเหลือจาก AI ที่มีการสนทนาที่ถูกปฏิเสธ

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

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

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

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

แผงความช่วยเหลือ AI ที่ไฮไลต์การควบคุมประวัติ

เริ่มใหม่

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

ต่อไป

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

ลบ

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

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

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

แผงความช่วยเหลือจาก AI ที่ไฮไลต์การควบคุมการจัดประเภท

โหวตคำตอบ

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

รายงานคำตอบ

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