คุณกำหนด Responsive Website ยังไง? ขั้นต่ำ ควรแสดงถูกต้องบน Browser, Device หรือ OS ใดๆ ดังนั้นต้องคำนึงถึงนิสัยผู้ใช้ปลายทางทั่ว Platforms, Browsers และ Screen Resolutions หลากหลาย เพื่อแก้ไขความล้มเหลว บริษัทควรทดสอบเว็บไซต์บน Real และ Virtual Devices หลายพันเครื่อง แต่ถ้าไม่มี Budget ที่พอ คุณต้องการ "Cross-browser Testing Solution"
Comparium ตัวตนเป็น Automatic Visual Testing Service ที่ "แสดงความแตกต่างที่不明顯ที่สุด" ในเวอร์ชันไซต์ เป็นส่วนหนึ่งของ Electronic Team, Inc. ตั้งอยู่ใน Alexandria, Virginia ในรีวิว Comparium นี้ เราตรวจสอบฟีเจอร์สำคัญและ Customizations ที่มี
หมายเหตุ: บทความนี้เป็น Sponsored Article ทำได้เพราะ Comparium ของ Electronic Team, Inc. เนื้อหาและความคิดเห็นเป็นมุมมองของผู้เขียนเพียงผู้เดียว รักษาสมดุลทางบรรณาธิการ แม้โพสต์ได้รับการสปอนเซอร์
บัญชีและรายละเอียด Web App
จากเว็บไซต์ สร้างบัญชีและ Login ได้ตรง หรือ Sign in ด้วย Google Account
ล็อกอินแล้ว Interface เรียบง่ายต้อนรับ ใส่ URL Address ใน Search Box และเลือก Combination ที่ต้องการของ Browsers, Operating Systems และ Screen Resolutions มี 2 ประเภทบัญชี: Guest และ Pro ทั้งคู่รองรับ Unlimited Screenshots สำหรับ Review
วิธี Cross-test เว็บไซต์ด้วย Comparium
เมื่อใส่เว็บไซต์ใน Search Bar จะได้ Previews รายการสำหรับ Selections ที่ทำทั้งหมด สามารถเลือก Screen Resolution Width ตั้งแต่ 500px ถึง 1920px (Full HD) สำหรับ Linux, Windows 7, macOS และ macOS Dark Mode ปัจจุบัน Comparium รองรับ Chrome, Firefox, Internet Explorer, Safari และ Opera Browsers
สำหรับการเปรียบเทียบรายละเอียด เลือก 2 หน้าจอขึ้นไป คลิก "Compare" ด้านขวา ที่นี่เราเปรียบเทียบ Windows Chrome 80.0 กับ Windows Firefox 68.0
Side-by-side Comparison เปิดใน Full Screen โดย Default ใช้ Synchronized Scroll Option Review การ Render ของเว็บไซต์ข้าม Multiple Browsers และ OS ต่างๆ สามารถ Scale to Fit ตาม Height, Width และ Size
Comparium มี Built-in Support สำหรับ Parallel-screen Creation ภายใน Interface เดียวกัน ให้ Bird's-eye View ของเว็บไซต์ มี "4" Comparison Modes: "Side by side", "Overlay", "Slider", และ "Find Differences" ตัวสุดท้ายน่าทึ่งมาก ช่วย Zero in บน Errors ที่ตรวจไม่ได้อัตโนมัติ
โหมด "Find Difference" บอกตำแหน่ง Menu Icons และ Font Selection ข้าม Platforms ทั้งสอง หาก Deviation มากเกินไป ต้องเปลี่ยน Design Code เพื่อแก้ไขความแตกต่าง
เช่นกัน โหมด "Overlay" วาง 2 Configurations ทับกัน แสดง Visual Deviations ที่สำคัญ
สรุป: ด้วย Screenshot Comparison Feature ที่ซับซ้อนของ Comparium คุณเปรียบเทียบ OS และ Resolutions ต่างๆ ได้ง่าย เมื่อวิเคราะห์เสร็จ สามารถลบ Screens ทั้งหมดจาก Main Window ได้
ฟีเจอร์และประโยชน์อื่นๆ
ประโยชน์หลักของ Comparium สำหรับ Web Developers: ความแม่นยำ Visual Validation สูงขึ้น และ Mobile Version Support (Scale Device Size ถึง 500px Range) มี Offline Reports ตรวจจับ Incompatibilities อัตโนมัติ และฟีเจอร์ "Live Testing" สำคัญบน Linux สำหรับ Browser หลากหลาย Windows 7 และ macOS Catalina Support สำหรับ Live Testing วางแผน Roll out เร็วๆ นี้
Live Testing Mode ช่วย Real-time Analysis ของการตอบสนอง Responsive ของเว็บไซต์ ขณะ Visual Inspection ก่อนหน้าให้ Perspective ของ Errors ที่สังเกตได้ Live Testing ทดสอบเว็บใน Real Environment ทำให้ Launch-ready
Comparium มี Roadmap สวยงาม ที่ฟีเจอร์ใหม่ทรงพลังหลายอย่าง จะเพิ่ม: Bulk URL Tests, Internal Tests, Support Aspect Ratios ต่างๆ, Low-speed Connection Imitation สามารถเปรียบเทียบ Features และ Benefits กับ Cross-browser Testing Tools ตลาด Comparium คะแนนดีเพราะ Automation Capability ใน Website Error Detection
มี Disadvantages น้อยๆ กับ Comparium ปัจจุบัน Platform ไม่รองรับ Screenshots บน Windows 10 แต่อีมลูกค้ายืนยันว่าอยู่บน Roadmap อย่างแน่นอน ยังไม่รองรับ Browser อื่นๆ อย่าง Slimjet, Yandex ฯลฯ แต่ Browser List ปัจจุบันให้ Approximation ที่ดีสำหรับ Simulate Devices และ OS ต่างๆ
รายละเอียด Billing และ Price
เหมือนที่กล่าว Comparium รองรับ "Guest" Mode ฟรี และ "Pro" Mode จ่าย $15/เดือน การเปรียบเทียบ Guest และ Pro Plans รายละเอียดอยู่ที่ลิงก์นี้
Free Guest Account จำกัดแค่ Browser น้อยๆ เช่น Firefox 75 และ Chrome 81 สำหรับ Windows 7 และปรับ Resolution 1024px เท่านั้น แต่ไม่มีข้อจำกัด Live Testing Minutes และจำนวน Screenshots ที่สร้าง ซึ่งดีมาก App ให้ Test กี่ครั้งก็ได้ภายใน Limits ก่อนย้ายไป Pro Plan โดยเฉพาะมีฟีเจอร์ตื่นเต้นมากใน Roadmap เว็บไซต์ของคุณสามารถ Scale กับ Solution ได้
ความคิดเห็นของเรา (Our Verdict)
ในยุคนี้ คุณ Launch Website ไม่ได้โดยไม่คำนึงถึง Tastes, Screen Sizes และ Browsers หลากหลายที่ End-user Level Comparium เป็นแอปที่มีความหวัง ไม่ทำให้ผิดหวังในการวัด Responsiveness ของเว็บไซต์ด้วย Real-world Simulations ด้วยฟีเจอร์ตื่นเต้นใน Pipeline คุณจะมี Cross-testing Tool ทรงพลังในมือฐาน Web Developer
