Manuscript – ส่วนขยายเบราว์เซอร์สำหรับสร้างเดโมเว็บและคู่มือที่ไม่พังแม้หน้าเว็บจะเปลี่ยน
(zendy00.github.io)เป็นส่วนขยายเบราว์เซอร์สำหรับสร้างเดโมแบบเป็นขั้นตอน คู่มือ และไกด์ onboarding บนหน้าเว็บ (Chrome·Edge) สามารถคลิกเลือกองค์ประกอบที่ต้องการเน้น แล้ววางสปอตไลต์ โน้ต และลูกศรวาดมือทับลงไปเพื่อเล่นซ้ำได้
ตอนสร้าง เราโฟกัสอยู่ 2 เรื่อง เครื่องมือเดิม ๆ มักทำให้ไกด์พังเมื่อหน้าเว็บเปลี่ยนไปเพียงเล็กน้อย และผลลัพธ์ก็มักถูกขังอยู่บนคลาวด์จนจัดการเวอร์ชันได้ยาก เราอยากแก้ทั้งสองปัญหานี้ในอีกแบบหนึ่ง
จุดที่ต่างออกไป
- พังได้ยากกว่าเดิม ระบบจะจดจำองค์ประกอบของแต่ละขั้นเป็น 3 ชั้น — คุณสมบัติที่เสถียร (
data-testid·id·aria-label) → ข้อความและโครงสร้างรอบข้าง → พิกัดและข้อความข้างเคียง หากชั้นหนึ่งคลาดเคลื่อนก็จะ fallback ไปชั้นถัดไป - ผลลัพธ์เป็นไฟล์ JSON ไฟล์เดียว สามารถ commit ลง git ตรวจ diff ผ่าน PR และจัดการไว้ข้างโค้ดได้ ไม่มี cloud lock-in
- ไม่แตะโค้ดของเว็บไซต์เป้าหมาย ส่วนขยายทำงานอยู่ภายในเบราว์เซอร์เท่านั้น จึงสร้างได้ทั้งบนผลิตภัณฑ์ของตัวเอง เว็บไซต์ลูกค้า หรือ SaaS ภายนอก
ยังมีฟีเจอร์คำแนะนำแบบอ่านออกเสียง (TTS), หน้าต่างผู้นำเสนอ, การบันทึกหน้าจอ และการแชร์สถานการณ์ใช้งานผ่าน GitHub repo ด้วย
ยังไม่มีความคิดเห็น