ตัวตรวจจับฟีเจอร์เบราว์เซอร์
เช็คสดว่าเบราว์เซอร์ของคุณรองรับ CSS properties, JavaScript APIs และอิลิเมนต์ HTML ใดบ้าง ผ่าน CSS.supports และ feature probes กว่า 55 ฟีเจอร์
Loading tool...
ตัวตรวจจับฟีเจอร์เบราว์เซอร์ คืออะไร?
Browser Feature Detector สแกนเบราว์เซอร์ปัจจุบันของคุณและรายงานว่ารองรับ CSS properties, JavaScript APIs และอิลิเมนต์ HTML ใดบ้าง — ด้วย API มาตรฐาน CSS.supports() และ feature probes แบบสด ทำงานออฟไลน์ทั้งหมด
ประโยชน์หลัก
- ตรวจสอบกว่า 55 ฟีเจอร์ทันที
- เทคนิคเดียวกับไลบรารี feature detection ระดับ production
- ผลลัพธ์แยกสีรองรับ/ไม่รองรับชัดเจน
- คัดลอก checklist รองรับได้ในคลิกเดียว
กรณีการใช้งาน
- •ตรวจสอบ progressive enhancement fallbacks ก่อน release
- •Debug layout ที่พังเฉพาะบางเบราว์เซอร์
- •กรอกรายงาน browser matrix ของทีม QA
- •เช็คว่าเบราว์เซอร์ของคุณพร้อมสำหรับ CSS สมัยใหม่หรือยัง
วิธีเช็ครองรับฟีเจอร์เบราว์เซอร์
- เปิดเครื่องมือ: ตัวตรวจจับทำงานอัตโนมัติในเบราว์เซอร์ของคุณ — ไม่ต้องตั้งค่า
- ดูรายงาน: เลือกดูกลุ่ม CSS, JavaScript และ HTML เพื่อดูว่าฟีเจอร์ใดรองรับบ้าง
- เช็คตัวนับ: ใช้ยอดรวมรองรับ/ไม่รองรับประเมินว่าเบราว์เซอร์ของคุณทันสมัยแค่ไหน
- บันทึกรายงาน: คัดลอก checklist หรือดาวน์โหลดรายงานเพื่อใช้ในงาน QA และเอกสาร browser matrix
คุณสมบัติหลัก
- ตรวจสอบ 20 ความสามารถ CSS ผ่าน API มาตรฐาน CSS.supports()
- Probe JavaScript APIs 32 ตัว ตั้งแต่ Clipboard ถึง WebAssembly
- ตรวจสอบอิลิเมนต์ HTML เช่น dialog, details และ popover
- Badge แยกสี Supported / Not supported รายฟีเจอร์
- ตัวนับรองรับ/ไม่รองรับแบบทันทีหลังสแกนทุกครั้ง
- คัดลอกหรือดาวน์โหลดรายงานทั้งหมดเป็น checklist
คำถามที่พบบ่อย
การตรวจจับแม่นยำแค่ไหน?
การเช็ค CSS ใช้ API มาตรฐาน CSS.supports() ส่วน JavaScript/HTML ตรวจโดยการ probe ออบเจกต์และอินเทอร์เฟซจริง — เทคนิคเดียวกับที่ไลบรารี feature detection ยอดนิยมใช้
เครื่องมือเข้าถึงอุปกรณ์หรือส่งข้อมูลออกไหม?
ไม่ ทุกอย่างทำงานในเบราว์เซอร์ของคุณและไม่มีการอัปโหลด — รายงานสะท้อนเฉพาะเบราว์เซอร์ที่คุณใช้อยู่ตอนนี้เท่านั้น
ทำไมผลลัพธ์ถึงต่างจาก caniuse?
caniuse แสดงสถิติการใช้งานรวมของทุกเบราว์เซอร์และทุกเวอร์ชัน ขณะที่เครื่องมือนี้รายงานสิ่งที่เบราว์เซอร์ที่คุณเปิดอยู่รองรับจริง
ฟีเจอร์ขึ้นว่ารองรับแต่โค้ดยังพัง — เพราะอะไร?
รองรับหมายถึง API มีอยู่จริง ไม่ได้แปลว่าทำงานสมบูรณ์ บาง implementation อาจรองรับบางส่วนหรือมีบั๊ก ควรทดสอบฟีเจอร์สำคัญบนเบราว์เซอร์เป้าหมายจริงเสมอ