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

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

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

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

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

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

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

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

เมื่อ Baseline พัฒนาขึ้นเรื่อยๆ เราพบว่านักพัฒนาแอปจำนวนมากขึ้นเริ่มผสานรวม Baseline ไว้ในเวิร์กโฟลว์การพัฒนา ดูข้อมูลเกี่ยวกับเครื่องมือล่าสุดเพื่อผสานรวม Baseline รวมถึงแหล่งข้อมูลที่คุณสามารถใช้สร้างเครื่องมือของคุณเอง
ดูว่าฟีเจอร์เว็บใดที่ใช้ในหน้าและสถานะ Baseline ของฟีเจอร์นั้นด้วยการตรวจสอบฟีเจอร์ Baseline ใหม่ของ Lighthouse
การแจ้งเตือนพื้นฐานได้แสดงในแดชบอร์ดสถานะแพลตฟอร์มเว็บแล้ว ดูว่าฟีเจอร์เหล่านี้ช่วยลดระยะเวลาระหว่างการรับรู้ฟีเจอร์เว็บกับเวลาที่คุณนำไปใช้ได้จริงได้อย่างไร
รับข้อมูลเพื่อเลือกเป้าหมายพื้นฐานด้วยข้อมูล Google Analytics ซึ่งตอนนี้ทำได้เร็วและง่ายขึ้น
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 มาใช้เพื่อลดความซับซ้อนของเกณฑ์การรองรับเบราว์เซอร์

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