Checking browser support

เราจะรู้ได้อย่างไรว่า HTML5 ที่เราจะใช้จะสามารถทำงานกับ browser ได้ ผู้ที่จะสามารถบอกได้ก็คือผู้ขาย browser ของบริษัทนั้นๆ ทางที่ดีคือเราควรจะ test เองให้ได้มากที่สุด

โชคดีที่มีคนทดสอบให้แล้ว เราสามารถดูได้ที่ CanIUse.com เวบนี้ได้ทดสอบเกือบทุกๆ feature ใหม่ ว่าสามารถรับรองได้ใน version ต่างๆของทุกๆ browser ที่ใช้งานกันบ่อยๆ

การใช้งาน

• โดยการใช้สารบัญหน้าแรกของ CanIUse.com จะมีรายชื่อ feature ใหม่ๆของ CSS3, HTML5, และ JS API เช่น คลิกที่ “New Semantic Elements” เมื่อเราต้องการรู้ว่า browser นี้สามารถรองรับการใช้งานของ <nav> ได้ไหม
• ถ้าเราไม่รู้ว่า element ของเราอยู่ในประเภทไหน เราสามารถใช้ search box ได้ เช่น แค่พิมพ์ nav ใน search box เวบ CanIUse.com ก็จะหาตารางให้เราเอง
• ตาราง column แรกจะเป็น browser version ตาราง column ที่ 2 จะเป็นชื่อ browser ถ้า browser นั้นๆสามารถรองรับการใช้งาน cell จะเป็นสีเขียว ถ้าไม่สามารถรองรับจะเป็นแดง

ทีนี้เราก็รู้ความแตกต่างในการรองรับการใช้งานของ browser เราก็จะต้องมาคำนึงถึงด้วยว่า ในแต่ละประเทศหรือประเทศเป้าหมายที่จะใช้ webpage ของเรา ใช้งานกันอย่างไร คุ้มค่าต่อการพัฒนา webpage โดยการใช้ JavaScript fallback ไหม

ตัวอย่าง เช่น เราต้องการที่จะใช้ <nav> element ตรวจสอบจากเวบ CanIUse.com นี้จะไม่รองรับ Internet Explorer 8.0 และ version ก่อนๆ และ ตรวจสอบจากเวบ StatCounter Global Stat พบว่า ในสเปน 36% ของผู้ใช้จะไม่สามารถดูข้อมูลใน webpage ของเราได้อย่างถูกต้อง (มกราคม 2012 ในสเปนใช้ Internet Exploror 8.0 31% และ IE7 5%)

ดังที่ได้เห็นข้างต้น เราควรจะคำนึงถึงความสามารถ ในการรองรับการใช้งานของ browser เพราะบางทีเราไม่จำเป็นต้องใช้ fallback เพื่อให้ version เก่าและใหม่ทำงานได้เหมือนกัน