ข้อมูลพื้นฐานของแพลตฟอร์มเว็บจะเพิ่มความชัดเจนให้กับข้อมูลเกี่ยวกับการรองรับเบราว์เซอร์สำหรับฟีเจอร์ของแพลตฟอร์มเว็บ

ข้อมูลพื้นฐานจะให้ข้อมูลที่ชัดเจนเกี่ยวกับฟีเจอร์แพลตฟอร์มเว็บที่พร้อมใช้งานในโปรเจ็กต์ของคุณในปัจจุบัน เมื่ออ่านบทความหรือเลือกไลบรารีสำหรับโปรเจ็กต์ หากฟีเจอร์ที่ใช้ทั้งหมดเป็นส่วนหนึ่งของ Baseline คุณจะมั่นใจได้ว่าระดับความเข้ากันได้ของเบราว์เซอร์จะเป็นไปตามที่คาดไว้

ข้อมูลพื้นฐานมาจากทีม Chrome และตอนนี้กลุ่มชุมชน WebDX เป็นผู้กําหนด

เส้นฐานมี 3 ระยะ ได้แก่

  • ความพร้อมใช้งานแบบจํากัด: ฟีเจอร์นี้ไม่พร้อมใช้งานในเบราว์เซอร์หลักบางรุ่น
  • พร้อมใช้งานใหม่: เบราว์เซอร์หลักทั้งหมดรองรับฟีเจอร์นี้ จึงทำงานร่วมกันได้
  • พร้อมใช้งานอย่างแพร่หลาย: ผ่านไป 30 เดือนนับจากวันที่ทำงานร่วมกันได้ใหม่ เว็บไซต์ส่วนใหญ่สามารถใช้ฟีเจอร์นี้ได้โดยไม่ต้องกังวลเรื่องการสนับสนุน
  • Chrome (เดสก์ท็อปและ Android)
  • Edge
  • Firefox (เดสก์ท็อปและ Android)
  • Safari (macOS และ iOS)

เกณฑ์พื้นฐานในงาน I/O

Google I/O มาแล้ว และเรามีข่าวมากมายที่จะแชร์เกี่ยวกับ Baseline และข่าวสารใหม่ๆ ของเว็บโดยรวม ดูข้อมูลเพิ่มเติมได้ในโพสต์นี้

พื้นฐานและเครื่องมือ

เมื่อ Baseline พัฒนาขึ้นเรื่อยๆ เราพบว่านักพัฒนาแอปจำนวนมากขึ้นเริ่มผสานรวม Baseline ไว้ในเวิร์กโฟลว์การพัฒนา ดูข้อมูลเกี่ยวกับเครื่องมือล่าสุดเพื่อผสานรวม Baseline รวมถึงแหล่งข้อมูลที่คุณสามารถใช้สร้างเครื่องมือของคุณเอง
ส่วนขยาย Baseline Netlify ช่วยให้นักพัฒนาแอปเข้าใจว่าผู้ใช้รองรับเป้าหมาย Baseline ใดได้ดีที่สุด ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้ฟีเจอร์นี้ได้ในโพสต์นี้
ดูข้อมูลเกี่ยวกับการรองรับ Baseline ใหม่ใน VS Code
เพิ่ม Baseline ลงในเครื่องมือการจัดแพ็กเกจและเครื่องมือตรวจสอบโค้ด linting สําหรับการพัฒนาด้วย browserslist-config-baseline
ดูข้อมูลเกี่ยวกับแดชบอร์ดแพลตฟอร์มเว็บและวิธีค้นหา HTTP API เพื่อช่วยสร้างเครื่องมือพื้นฐาน
ตอนนี้คุณใช้ ESLint เพื่อตรวจหาข้อบกพร่องใน CSS และบังคับให้ใช้ฟีเจอร์ Baseline CSS ในโปรเจ็กต์ได้แล้ว ดูข้อมูลเพิ่มเติมได้ในบล็อกโพสต์นี้

ทฤษฎีพื้นฐาน

การใช้ข้อมูลพื้นฐานในโปรเจ็กต์หมายความว่าคุณจะต้องพิจารณาบางอย่าง เนื้อหาเหล่านี้จะช่วยตอบคำถามที่ยาก ตั้งแต่การเติมเต็มโค้ด เครื่องมือ และอื่นๆ
ดูว่าเป้าหมายพื้นฐานคืออะไร วิธีเลือกเป้าหมาย และวิธีที่เป้าหมายพื้นฐานจะช่วยคุณในการพัฒนา
การรู้ว่าควรใช้ polyfill เมื่อใดนั้นอาจเป็นเรื่องที่ตัดสินใจได้ยาก แต่การใช้ฟีเจอร์ Baseline จะช่วยตอบคำถามนี้ได้ ดูข้อมูลเพิ่มเติมในคู่มือนี้

สรุปรายเดือนของ Baseline

สรุปรายเดือนของ Baseline คือจดหมายข่าวรายเดือนที่ไฮไลต์เหตุการณ์ที่เกิดขึ้นในแต่ละเดือนเกี่ยวกับ Baseline ซึ่งรวมถึงฟีเจอร์ใหม่ ข้อมูลอัปเดตชุมชน และอื่นๆ ที่เกี่ยวข้อง

เป้าหมายพื้นฐาน

เมื่อฟีเจอร์กลายเป็นส่วนหนึ่งของพื้นฐานในปีหนึ่งๆ ฟีเจอร์เหล่านั้นจะจัดกลุ่มเป็นชุดฟีเจอร์ หรือที่เรียกว่าเป้าหมายพื้นฐาน ต่อไปนี้เป็นเป้าหมายบางส่วนที่คุณสำรวจเพื่อดูว่าฟีเจอร์ใดบ้างที่คุณใช้ได้ในวันนี้
ในปี 2025 จะมีเบราว์เซอร์อีกหลายรุ่นที่จะเปิดตัว และเมื่อเปิดตัวแล้ว เบราว์เซอร์เหล่านั้นจะเป็นส่วนหนึ่งของเบสไลน์ 2025 ติดตามเราเมื่อเราประกาศฟีเจอร์ใหม่ๆ ตลอดทั้งปี
รายการทั้งหมดที่เป็นส่วนหนึ่งของ Baseline ที่พร้อมใช้งานใหม่ในปี 2024 จะเรียกว่า Baseline 2024 เราได้เผยแพร่โพสต์เมื่อสิ้นปี 2024 เพื่อสรุปฟีเจอร์ทั้งหมดที่เปิดตัวในปีนั้น
รายการทั้งหมดที่กลายเป็นส่วนหนึ่งของ Baseline ที่พร้อมใช้งานใหม่ในปี 2023 จะเรียกว่า Baseline 2023 เราได้เผยแพร่โพสต์เมื่อสิ้นปี 2023 เพื่อสรุปฟีเจอร์ทั้งหมดที่เปิดตัวในปีนั้น
การค้นหาคอนเทนเนอร์ขนาดเปลี่ยนเป็น "Baseline Newly" ในเดือนกุมภาพันธ์ 2023
:has() กลายเป็นเกณฑ์พื้นฐานที่พร้อมใช้งานใหม่ในเดือนธันวาคม 2023
ตารางย่อยเปลี่ยนเป็นเกณฑ์พื้นฐานใหม่พร้อมใช้งานในเดือนกันยายน 2023
Nesting กลายเป็น Baseline ใหม่ในเดือนสิงหาคม 2023
องค์ประกอบ <search> เปลี่ยนเป็น "พื้นฐานใหม่" ในเดือนตุลาคม 2023
วิดีโอที่ปรับเปลี่ยนตามพื้นที่โฆษณาได้กลายเป็นวิดีโอพื้นฐานที่พร้อมใช้งานใหม่ในเดือนพฤศจิกายน 2023
แอตทริบิวต์ inert เปลี่ยนเป็น "พื้นฐานที่เพิ่งเปิดตัว" ในเดือนเมษายน 2023
Constraint Validation API กลายเป็น Baseline ใหม่ในเดือนมีนาคม 2023
:user-valid และ :user-invalid เปลี่ยนเป็น Baseline ใหม่ในเดือนตุลาคม 2023
สตรีมการบีบอัดเปลี่ยนเป็น Baseline ใหม่ในเดือนพฤษภาคม 2023
Shadow DOM แบบประกาศได้กลายเป็นเกณฑ์พื้นฐานใหม่ในเดือนกุมภาพันธ์ 2024
ฟีเจอร์ป๊อปอัปเปลี่ยนเป็นเกณฑ์พื้นฐานใหม่ในเดือนมกราคม 2025

วิธีค้นหาเกณฑ์พื้นฐาน

ตรวจสอบสถานะเกณฑ์พื้นฐานของพร็อพเพอร์ตี้ใน MDN
ตรวจสอบสถานะเกณฑ์พื้นฐานที่ "ฉันใช้ได้ไหม" เพื่อดูว่าฟีเจอร์พร้อมใช้งานหรือไม่
ใช้เกณฑ์พื้นฐานเพื่ออธิบายสถานะของฟีเจอร์ในบทความและงานนำเสนอ