Webflow Helper: ส่วนขยาย Chrome สำหรับการตรวจสอบคุณภาพ Webflow และการทำงานกับคลิปบอร์ด
Webflow Helper ซึ่งสร้างโดย Simon Nilsen เป็นส่วนขยายของ Chrome ที่ช่วยให้ Webflow นักออกแบบและนักพัฒนาสามารถทำการตรวจสอบคุณภาพอย่างรวดเร็วและจัดการกับส่วนประกอบที่ใช้คลิปบอร์ด เครื่องมือนี้มุ่งเน้นไปที่การตรวจสอบการเข้าถึงบนหน้าเว็บรวมถึงตัวแก้ไขสำหรับตรวจสอบ markup ที่คัดลอก และมันยังให้การแสดงตัวอย่างแบบสดและการแปลงรูปแบบเพื่อสนับสนุนการทำงานของนักออกแบบ เป้าหมายของมันคือ นักออกแบบ Webflow, นักพัฒนาส่วนหน้า และผู้ทดสอบ QA ที่ต้องการการตรวจสอบที่มุ่งเน้นและการถ่ายโอนส่วนประกอบที่รวดเร็วเข้าสู่โครงการ Webflow.
สิ่งที่ส่วนขยายถูกสร้างขึ้นเพื่อทำสำหรับโครงการ Webflow
ส่วนขยายจะรวมงาน QA และคลิปบอร์ด เพื่อให้ผู้พัฒนาสามารถตรวจสอบองค์ประกอบของหน้าและเตรียมส่วนประกอบสำหรับ Designer โดยไม่ต้องออกจากเบราว์เซอร์ มันจะระบุช่องว่างด้านการเข้าถึงเช่นลิงก์ที่ว่างเปล่าและภาพที่ขาดข้อความ alt และแสดงชิ้นส่วนที่คัดลอกเป็น markup ที่แก้ไขได้ ตัวแก้ไขคลิปบอร์ดจะแสดงโค้ดพร้อมการเน้นไวยากรณ์และสนับสนุนการแปลงระหว่างรูปแบบ HTML, CSS และ Webflow JSON ทำให้การเปลี่ยนแปลงรูปแบบสามารถมองเห็นได้ก่อนที่จะนำกลับมาใช้ใหม่
มันเข้ากับการทำงานแบบวางลงใน Designer อย่างไร
เครื่องมือจะแปลงเนื้อหาคลิปบอร์ดให้เป็นข้อมูลที่พร้อมสำหรับ Webflow โดยการแปลง markup ที่แก้ไขแล้วให้เป็น XscpData สำหรับการวางโดยตรงใน Webflow Designer เส้นทางการแปลงนั้นจะลบการถอดความด้วยมือระหว่างโปรแกรมแก้ไขโดยการส่งออกในรูปแบบที่ Designer ยอมรับ ตัวเลือกการแสดงตัวอย่างสดช่วยให้คุณตรวจสอบพฤติกรรมที่ตอบสนองในขนาดต่างๆ เพื่อให้ส่วนประกอบที่วางตรงกับเลย์เอาต์ที่คาดหวังก่อนที่จะนำไปใช้ในโครงการ
การตรวจสอบบนหน้าเผยให้เห็นปัญหาด้านการเข้าถึงและ SEO
เครื่องมือการตรวจสอบจะทำเครื่องหมายปัญหาที่ชัดเจนที่ผู้พัฒนามักจะมองข้าม และนำเสนอผ่าน UI ของส่วนขยาย มันจะเน้นแท็ก <a> ที่ว่างเปล่าและภาพที่ขาดคุณลักษณะ alt ที่บรรยาย ซึ่งช่วยในด้านการเข้าถึงและ SEO บนไซต์ ป้ายเครื่องมือจะให้จำนวนปัญหาที่ระบุในเวลาจริงเพื่อให้ผู้ตรวจสอบสามารถเห็นปริมาณปัญหาได้อย่างรวดเร็วในขณะที่สแกนหน้า
ประสบการณ์ของผู้แก้ไข, การแสดงตัวอย่าง และการรับประกันความเป็นส่วนตัว
ตัวแก้ไขคลิปบอร์ดใช้ส่วนประกอบตัวแก้ไขโค้ดและการแสดงตัวอย่างที่ตอบสนอง สำหรับการแก้ไขส่วนประกอบที่คัดลอกพร้อมการเน้นไวยากรณ์ผ่าน CodeMirror และดูผลลัพธ์ที่ความกว้างที่แตกต่างกัน ผู้พัฒนาระบุอย่างชัดเจนว่าส่วนขยายนี้ไม่เก็บรวบรวมหรือขายข้อมูลผู้ใช้ ซึ่งจำกัดการแชร์ข้อมูลภายนอก ส่วนขยายทำงานภายใน Chrome และมีให้บริการสำหรับแพลตฟอร์มเดสก์ท็อปที่รองรับเบราว์เซอร์นั้น
เครื่องมือที่มีประโยชน์และมุ่งเน้นสำหรับผู้ปฏิบัติงาน Webflow ที่มีขอบเขตแคบ
ส่วนขยายนี้เป็นตัวเลือกที่ใช้งานได้จริงสำหรับนักออกแบบ Webflow และนักพัฒนาส่วนหน้า ที่ต้องการการตรวจสอบคุณภาพที่มุ่งเน้นและการจัดการคลิปบอร์ดไปยัง Designer; ความเชี่ยวชาญของมันหมายความว่ามันมีค่ามากที่สุดในกระบวนการทำงานของ Webflow และมีประโยชน์น้อยกว่าสำหรับการแก้ไขไซต์ทั่วไป รวมเข้ากับการตรวจสอบก่อนการเปิดตัวเพื่อตรวจจับข้อความ alt ที่ขาดหายไปและลิงก์ที่ว่างเปล่าในระยะเริ่มต้น และคาดหวังชุดเครื่องมือที่กะทัดรัดซึ่งมุ่งเน้นเฉพาะที่โครงการ Webflow แทนที่จะเป็นโปรแกรมแก้ไขทั่วไป.
