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

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

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

Baseline มี 2 ขั้นตอน ดังนี้

  • พร้อมใช้งานแล้ว: ฟีเจอร์นี้รองรับโดยเบราว์เซอร์หลักทั้งหมด จึงสามารถทำงานร่วมกันได้
  • พร้อมให้บริการในวงกว้าง: ผ่านมาแล้ว 30 เดือนนับตั้งแต่วันที่เริ่มการทำงานร่วมกัน เว็บไซต์ส่วนใหญ่ใช้ฟีเจอร์นี้ได้โดยไม่ต้องกังวลเรื่องการสนับสนุน

ก่อนที่จะพร้อมให้บริการ ฟีเจอร์จะมีความพร้อมใช้งานแบบจำกัดเมื่อยังไม่รองรับในเบราว์เซอร์ต่างๆ

  • Chrome (เดสก์ท็อปและ Android)
  • Edge
  • Firefox (เดสก์ท็อปและ Android)
  • Safari (macOS และ iOS)
Baseline in action เป็นซีรีส์ใหม่ที่พัฒนาขึ้นเพื่อช่วยให้นักพัฒนาแอปได้เรียนรู้วิธีใช้ฟีเจอร์ Baseline ร่วมกันเพื่อสร้างประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น

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

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

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

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

กรณีศึกษา

อ่านกรณีศึกษาเหล่านี้เพื่อดูว่านักพัฒนาซอฟต์แวร์ในอุตสาหกรรมนำ Baseline มาใช้เป็นส่วนหนึ่งของงานเพื่อลดความซับซ้อนของเกณฑ์การรองรับเบราว์เซอร์และการนำฟีเจอร์เว็บที่ทำงานร่วมกันได้มาใช้ได้อย่างไร
ดูวิธีที่ Target นำ Baseline มาใช้ และวิธีที่ Baseline เปลี่ยนแปลงการรับรู้และการนำฟีเจอร์เว็บที่ทำงานร่วมกันได้มาใช้
อ่านวิธีที่ Cybozu ซึ่งเป็นบริษัทซอฟต์แวร์กลุ่มในญี่ปุ่นนำ 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
ตรวจสอบสถานะเกณฑ์พื้นฐานที่ "ฉันใช้ได้ไหม" เพื่อดูว่าฟีเจอร์พร้อมใช้งานหรือไม่
ใช้เกณฑ์พื้นฐานเพื่ออธิบายสถานะของฟีเจอร์ในบทความและงานนำเสนอ