DevEye: ส่วนขยาย Chrome สำหรับการตรวจสอบเว็บที่พร้อมสำหรับ AI และรายงาน
DevEye โดย Ajit Kihor เป็นส่วนขยายของ Chrome ที่เปลี่ยนเบราว์เซอร์ให้เป็นเครื่องมือสำหรับการให้ข้อเสนอแนะแบบช่วยด้วย AI สำหรับการพัฒนาเว็บและการรายงานข้อบกพร่อง มันจับบริบทในระดับองค์ประกอบและส่งมอบรายละเอียดทางเทคนิคที่แน่นอนที่ตัวแทนการเขียนโค้ด AI ต้องการเพื่อระบุและแก้ไขปัญหา ส่วนขยายนี้รวมการทำเครื่องหมายในเบราว์เซอร์และการควบคุมรายงานเพื่อลดระยะเวลาการให้ข้อเสนอแนะแบบวงจร นักพัฒนาเว็บ, นักออกแบบ UI, และผู้จัดการผลิตภัณฑ์ที่ใช้ผู้ช่วย AI จะได้รับคำอธิบายปัญหาที่ชัดเจนและสามารถดำเนินการได้ซึ่งเชื่อมโยงกับหน้าที่ใช้งานอยู่
DevEye แปลงองค์ประกอบภาพให้เป็นรายงานข้อบกพร่องที่เครื่องอ่านได้
DevEye สร้างรายงาน Markdown ที่มีโครงสร้างซึ่งปรับแต่งสำหรับตัวแทนการเขียนโค้ดอัตโนมัติ โดยบรรจุคำอธิบายองค์ประกอบที่เครื่องมือดึงมาจากหน้า รายงานรวมถึงรายการที่ชัดเจนของคุณลักษณะขององค์ประกอบ และส่วนขยายสามารถส่งออก:
- DOM path
- CSS classes
- computed styles
- accessibility hints
ระดับรายละเอียดที่เลือกได้สี่ระดับช่วยให้ผู้ใช้เลือกสรุปที่กระชับหรือการถ่ายโอนข้อมูลเชิงลึก "Forensic" สำหรับการวิเคราะห์สาเหตุที่แท้จริง
เครื่องมือการเลือกและการจับภาพรักษาความแม่นยำแม้ในเนื้อหาที่เปลี่ยนแปลง
กระบวนการจับภาพของส่วนขยายเน้นความแม่นยำ โดยเสนอการคลิกเพื่อทำเครื่องหมายพร้อมโหมดการเลือกหลายรายการและการลากเพื่อเลือกสำหรับโน้ตจำนวนมาก การควบคุมการหยุดการเคลื่อนไหวหยุดเนื้อหาที่เปลี่ยนแปลงเพื่อให้การเลือกยังคงแม่นยำ แถบเครื่องมือที่ลากได้ช่วยให้การควบคุมเข้าถึงได้โดยไม่ปิดบังเนื้อหา และการสนับสนุนธีมรวมถึงโหมดมืดและโหมดสว่าง โน้ตจะคงอยู่ต่อหน้าและอยู่รอดจากการโหลดใหม่ ดังนั้นทีมสามารถเก็บเธรดการตรวจสอบเปิดอยู่ระหว่างการพัฒนาได้
ตัวเลือกการรวมและความเข้ากันได้ของแพลตฟอร์มมุ่งเป้าไปที่ทีมที่ขับเคลื่อนด้วย AI
เครื่องมือรวมเข้ากับผู้ช่วยการเขียนโค้ด AI ทั่วไปโดยการผลิตการส่งออก Markdown ที่จัดรูปแบบเพื่อป้อนข้อมูลให้กับตัวแทนโดยตรง ซึ่งเป็นกระบวนการที่นักพัฒนาสร้างขึ้นโดยเฉพาะสำหรับเครื่องมือเช่น Claude, Cursor และ Copilot ความเข้ากันได้ขยายไปยัง Chrome และเบราว์เซอร์ที่ใช้ Chromium อื่นๆ ดังนั้นทีมที่ใช้ไคลเอนต์ Chromium ทางเลือกจึงสามารถนำกระบวนการตรวจสอบเดียวกันไปใช้ได้ ชุดฟีเจอร์มุ่งเป้าไปที่นักพัฒนาเว็บ, นักออกแบบ UI และผู้จัดการผลิตภัณฑ์ที่ต้องการขจัดความคลุมเครือจากรายงานข้อบกพร่องด้วยตนเอง
เหมาะสมที่สุดสำหรับทีมที่ขับเคลื่อนด้วย AI ที่ต้องการบริบทของข้อบกพร่องที่ชัดเจน
DevEye เหมาะสำหรับทีมที่ส่งปัญหาผ่านผู้ช่วยการเขียนโค้ด AI โดยให้เส้นทางที่มุ่งเน้นจากการสังเกตหน้าไปยังข้อเสนอแนะอัตโนมัติ; ฐานผู้ใช้ในช่วงแรกให้คะแนนวิธีการนี้ในเชิงบวก ข้อแลกเปลี่ยนคือกระบวนการทำงานที่เฉพาะเจาะจงซึ่งต้องการการฝึกฝนล่วงหน้าจากนักออกแบบและนักพัฒนา เคล็ดลับ: นำแนวทางภายในที่สั้นสำหรับระดับรายละเอียดรายงานมาใช้เพื่อให้เพื่อนร่วมทีมตีความบริบทที่ส่งออกได้อย่างสม่ำเสมอ สิ่งนี้ช่วยลดการสื่อสารไปมาและเร่งการแก้ไขปัญหา.
