เกณฑ์พื้นฐาน
ข้อมูลพื้นฐานของแพลตฟอร์มเว็บจะเพิ่มความชัดเจนให้กับข้อมูลเกี่ยวกับการรองรับเบราว์เซอร์สำหรับฟีเจอร์ของแพลตฟอร์มเว็บ
ข้อมูลพื้นฐานจะให้ข้อมูลที่ชัดเจนเกี่ยวกับฟีเจอร์แพลตฟอร์มเว็บที่พร้อมใช้งานในโปรเจ็กต์ของคุณในปัจจุบัน เมื่ออ่านบทความหรือเลือกไลบรารีสำหรับโปรเจ็กต์ หากฟีเจอร์ที่ใช้ทั้งหมดเป็นส่วนหนึ่งของ Baseline คุณจะมั่นใจได้ว่าระดับความเข้ากันได้ของเบราว์เซอร์จะเป็นไปตามที่คาดไว้
ใครเป็นผู้กําหนดเส้นฐาน
ข้อมูลพื้นฐานมาจากทีม Chrome และตอนนี้กลุ่มชุมชน WebDX เป็นผู้กําหนด
สิ่งต่างๆ จะกลายเป็นเกณฑ์พื้นฐานได้อย่างไร
Baseline มี 2 ขั้นตอน ดังนี้
- พร้อมใช้งานแล้ว: ฟีเจอร์นี้รองรับโดยเบราว์เซอร์หลักทั้งหมด จึงสามารถทำงานร่วมกันได้
- พร้อมให้บริการในวงกว้าง: ผ่านมาแล้ว 30 เดือนนับตั้งแต่วันที่เริ่มการทำงานร่วมกัน เว็บไซต์ส่วนใหญ่ใช้ฟีเจอร์นี้ได้โดยไม่ต้องกังวลเรื่องการสนับสนุน
ก่อนที่จะพร้อมให้บริการ ฟีเจอร์จะมีความพร้อมใช้งานแบบจำกัดเมื่อยังไม่รองรับในเบราว์เซอร์ต่างๆ
ชุดเบราว์เซอร์หลัก
- Chrome (เดสก์ท็อปและ Android)
- Edge
- Firefox (เดสก์ท็อปและ Android)
- Safari (macOS และ iOS)
Baseline ในการใช้งาน
Baseline in action เป็นซีรีส์ใหม่ที่พัฒนาขึ้นเพื่อช่วยให้นักพัฒนาแอปได้เรียนรู้วิธีใช้ฟีเจอร์ Baseline ร่วมกันเพื่อสร้างประสบการณ์ของผู้ใช้ที่ดียิ่งขึ้น
พื้นฐานและเครื่องมือ
เมื่อ Baseline พัฒนาขึ้นเรื่อยๆ เราพบว่านักพัฒนาแอปจำนวนมากขึ้นเริ่มผสานรวม Baseline ไว้ในเวิร์กโฟลว์การพัฒนา ดูข้อมูลเกี่ยวกับเครื่องมือล่าสุดเพื่อผสานรวม Baseline รวมถึงแหล่งข้อมูลที่คุณสามารถใช้สร้างเครื่องมือของคุณเอง
การตรวจสอบฟีเจอร์พื้นฐานพร้อมใช้งานใน Lighthouse แล้ว
ดูว่าฟีเจอร์เว็บใดที่ใช้ในหน้าและสถานะ Baseline ของฟีเจอร์นั้นด้วยการตรวจสอบฟีเจอร์ Baseline ใหม่ของ Lighthouse
ขอแนะนำการแจ้งเตือนพื้นฐาน
การแจ้งเตือนพื้นฐานได้แสดงในแดชบอร์ดสถานะแพลตฟอร์มเว็บแล้ว ดูว่าฟีเจอร์เหล่านี้ช่วยลดระยะเวลาระหว่างการรับรู้ฟีเจอร์เว็บกับเวลาที่คุณนำไปใช้ได้จริงได้อย่างไร
รับข้อมูลเป้าหมายพื้นฐานได้อย่างง่ายดายด้วยเครื่องมือตรวจสอบพื้นฐานที่อัปเดตแล้ว
รับข้อมูลเพื่อเลือกเป้าหมายพื้นฐานด้วยข้อมูล Google Analytics ซึ่งตอนนี้ทำได้เร็วและง่ายขึ้น
Browserslist รองรับ Baseline แล้ว
Browserslist ได้เพิ่มการรองรับการค้นหา Baseline ดูว่าการเปลี่ยนแปลงนี้อาจส่งผลต่อเวิร์กโฟลว์ของนักพัฒนาแอปอย่างไร
สร้างเครื่องมือ Baseline ด้วยแพ็กเกจฟีเจอร์ของเว็บ
ดูวิธีใช้ข้อมูลในแพ็กเกจ npm ของฟีเจอร์บนเว็บเพื่อสร้างเครื่องมือ Baseline ของคุณเอง
แฮ็กกาธอนเครื่องมือพื้นฐานเริ่มขึ้นแล้ว
หากต้องการทำให้เว็บดีขึ้นเพื่อลุ้นรับรางวัลเงินสด เข้าร่วมแฮ็กกาธอนเครื่องมือพื้นฐาน
ตอนนี้คุณสมบัติ CSS พื้นฐานพร้อมใช้งานในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome แล้ว
ตอนนี้ข้อมูลพื้นฐานพร้อมใช้งานสำหรับพร็อพเพอร์ตี้ CSS ในแผงองค์ประกอบของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome แล้ว
วิธีใช้ข้อมูลพื้นฐานในโปรเจ็กต์
ดูวิธีผสานรวม Baseline เข้ากับโปรเจ็กต์ของคุณด้วย Codelab นี้
WebStatus.dev: ตอนนี้มีข้อมูลมากขึ้น ข้อมูลเชิงลึกที่ละเอียดยิ่งขึ้น และเส้นทางที่ชัดเจนยิ่งขึ้นไปยัง Baseline
ประกาศการปรับปรุงแดชบอร์ดแพลตฟอร์มเว็บ
ชิ้นงาน Baseline Netlify พร้อมใช้งานแล้ว
ส่วนขยาย Baseline Netlify ช่วยให้นักพัฒนาแอปเข้าใจว่าผู้ใช้รองรับเป้าหมาย Baseline ใดได้ดีที่สุด ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีใช้ฟีเจอร์นี้ได้ในโพสต์นี้
ตอนนี้ Visual Studio Code รองรับ Baseline แล้ว
ดูข้อมูลเกี่ยวกับการรองรับ Baseline ใหม่ใน VS Code
ใช้ Baseline กับ Browserslist
เพิ่ม Baseline ลงในเครื่องมือ Linting และการจัดแพ็กเกจการพัฒนาด้วยการค้นหาเฉพาะ Baseline ที่สร้างขึ้นใน Browserslist
วิธีค้นหาแดชบอร์ดแพลตฟอร์มเว็บสําหรับเครื่องมือพื้นฐาน
ดูข้อมูลเกี่ยวกับแดชบอร์ดแพลตฟอร์มเว็บและวิธีค้นหา HTTP API เพื่อช่วยสร้างเครื่องมือพื้นฐาน
รองรับ CSS และ Baseline ใน ESLint แล้ว
ตอนนี้คุณใช้ ESLint เพื่อตรวจหาข้อบกพร่องใน CSS และบังคับให้ใช้ฟีเจอร์ Baseline CSS ในโปรเจ็กต์ได้แล้ว ดูข้อมูลเพิ่มเติมได้ในบล็อกโพสต์นี้
ทฤษฎีพื้นฐาน
การใช้ข้อมูลพื้นฐานในโปรเจ็กต์หมายความว่าคุณจะต้องพิจารณาบางอย่าง เนื้อหาเหล่านี้จะช่วยตอบคำถามที่ยาก ตั้งแต่การเติมเต็มโค้ด เครื่องมือ และอื่นๆ
วิธีเลือกเป้าหมายพื้นฐาน
ดูว่าเป้าหมายพื้นฐานคืออะไร วิธีเลือกเป้าหมาย และวิธีที่เป้าหมายพื้นฐานจะช่วยคุณในการพัฒนา
วิธีคิดเกี่ยวกับ Baseline และ polyfill
การรู้ว่าควรใช้ polyfill เมื่อใดนั้นอาจเป็นเรื่องที่ตัดสินใจได้ยาก แต่การใช้ฟีเจอร์ Baseline จะช่วยตอบคำถามนี้ได้ ดูข้อมูลเพิ่มเติมในคู่มือนี้
กรณีศึกษา
อ่านกรณีศึกษาเหล่านี้เพื่อดูว่านักพัฒนาซอฟต์แวร์ในอุตสาหกรรมนำ Baseline มาใช้เป็นส่วนหนึ่งของงานเพื่อลดความซับซ้อนของเกณฑ์การรองรับเบราว์เซอร์และการนำฟีเจอร์เว็บที่ทำงานร่วมกันได้มาใช้ได้อย่างไร
วิธีที่ Target.com ใช้ Baseline เพื่อปรับปรุงฟีเจอร์ให้ทันสมัย
ดูวิธีที่ Target นำ Baseline มาใช้ และวิธีที่ Baseline เปลี่ยนแปลงการรับรู้และการนำฟีเจอร์เว็บที่ทำงานร่วมกันได้มาใช้
วิธีที่ Cybozu ลดค่าใช้จ่ายด้านความเข้ากันได้ของเบราว์เซอร์ด้วย Baseline
อ่านวิธีที่ Cybozu ซึ่งเป็นบริษัทซอฟต์แวร์กลุ่มในญี่ปุ่นนำ Baseline มาใช้เพื่อลดความซับซ้อนของเกณฑ์การรองรับเบราว์เซอร์
ทําให้ข้อมูลพื้นฐานนําไปใช้ได้จริงด้วยข้อมูลผู้ใช้จริง
วิธีที่ RUMvision รวมข้อมูลพื้นฐานเข้ากับข้อมูล RUM