Check Browser Compatibility : เช็คการแสดงผลของเว็บเราในหลายๆ Browser

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

วันนี้ออฟก็ได้ไปเจอเวบดีๆ ที่จะมาช่วยทำให้ชีวิตเราดีขึ้น โดยมันจะช่วยในการทดสอบการแสดงผลหน้าเวบให้เรา โดยจะมีการ Snapshot ภาพมาให้เราดูด้วยค่ะ

• ขั้นตอนเช็คการแสดงผลของเว็บเราในหลายๆ Browser

1. เข้าไปที่ http://browsershots.org/

2. ใส่ url ในช่อง

3. เลือกว่าต้องการจะทดสอบกับบราวเซอร์ไหนบ้าง

4. ตั้งค่าเพิ่มเติม

Screen size : กำหนดขนาดของการแสดงผล

Color depth : กำหนดความเข้มของสี

Javascript : กำหนด version ที่ต้องการทดสอบ

Java : เลือกว่ามีการ enable หรือไม่

Flash : กำหนด version ที่ต้องการทดสอบ

5. กด Submit เพื่อเริ่มการตรวจสอบ

• ผลของการเช็ค : 59 browsers selected, 25 uploaded, 3 failed, 31 expired

เวบไซต์จะทำการแสดงตัวอย่างของการจับภาพหน้าจอใน browser ต่างๆมาให้ดู ซึ่งก็สามารถดาวน์โหลดภาพเก็บไว้ได้ด้วย

เมื่อกดไปที่ภาพ Screenshot ของ browser ที่ต้องการก็จะได้ผลของการแสดงที่ใหญ่ขึ้นรวมไปถึงได้รู้รายละเอียดของตัวที่ใช้ทดสอบด้วยเช่น