เกณฑ์พื้นฐาน 2024: เครื่องมือเพิ่มเติมเพื่อช่วยเหลือนักพัฒนาเว็บ

เผยแพร่: 10 ธ.ค. 2024

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

Baseline คืออะไร

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

โลโก้ใหม่ที่มีเบราว์เซอร์ทั้งหมดแสดงว่ารองรับฟีเจอร์
โลโก้ใหม่ที่ใช้ได้สำหรับเวอร์ชันพื้นฐานซึ่งแสดงในหน้าการแสดงเนื้อหาของ MDN

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

โครงการ Baseline ในปี 2024

งาน web-features เสร็จสมบูรณ์แล้ว 81%

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

เราได้ทุ่มเททำงานอย่างหนักในปีนี้เพื่อพัฒนาเรื่องนี้ ขณะนี้คีย์ฟีเจอร์ 81% ได้รับการแมปและใช้งานได้โดยใช้แพ็กเกจ npm ของ web-features web-features เป็นแหล่งที่มาของข้อมูลสำหรับสถานะพื้นฐาน

หน้าแดชบอร์ดสถานะแพลตฟอร์มเว็บแบบใหม่

แดชบอร์ดสถานะแพลตฟอร์มเว็บให้ข้อมูลเชิงลึกเกี่ยวกับการใช้งานฟีเจอร์แพลตฟอร์มเว็บในเบราว์เซอร์ต่างๆ แดชบอร์ดนี้อิงตามข้อมูล web-features ข้อมูล ความน่าเชื่อถือของแดชบอร์ดนี้จึงเพิ่มขึ้นอย่างมากเมื่องานเกี่ยวกับฟีเจอร์บนเว็บมีความสมบูรณ์มากขึ้น

คุณสามารถติดตามความคืบหน้าของฟีเจอร์ที่เฉพาะเจาะจง หรือกรองเพื่อดูชุดฟีเจอร์ เช่น Baseline 2024 แดชบอร์ดนี้ช่วยเสริมแหล่งข้อมูลที่มีอยู่ เช่น Can I Use และข้อมูลความเข้ากันได้ของ MDN ซึ่งให้มุมมองที่กว้างขึ้นเกี่ยวกับการพัฒนาแพลตฟอร์มเว็บ

ดูข้อมูลเพิ่มเติมเกี่ยวกับแดชบอร์ดได้ที่การประกาศแดชบอร์ดแพลตฟอร์มเว็บ เราได้เพิ่มตัวกรองเพิ่มเติมนับตั้งแต่เปิดตัว เช่น group: และ snapshot: เช่น snapshot:ecmascript-2023 จะแสดงฟีเจอร์ที่รวมอยู่ใน ES2023

<baseline-status> วิดเจ็ต

คอมโพเนนต์เว็บ <baseline-status> ยังใช้ข้อมูลฟีเจอร์ของเว็บด้วย และพร้อมใช้งานในเว็บไซต์และสไลด์ของคุณแล้ว ติดตั้งจาก npm จากนั้นใช้คอมโพเนนต์ทุกครั้งที่คุณพูดถึงฟีเจอร์

วิดเจ็ตสถานะพื้นฐานที่แสดงผลเป็นภาพ
วิดเจ็ต <baseline-status>

ดูข้อมูลเพิ่มเติมเกี่ยวกับการใช้คอมโพเนนต์เว็บสถานะพื้นฐาน

เว็บไซต์และโลโก้อย่างเป็นทางการ

Baseline เป็นของ WebDX Community Group ของ W3C และในปีนี้เราได้สร้างหน้าอย่างเป็นทางการสำหรับโปรเจ็กต์ Baseline

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

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

โปรเจ็กต์การทำงานร่วมกันทำให้ฟีเจอร์หลายอย่างพร้อมใช้งานใน Baseline เวอร์ชันใหม่

โครงการ Interop เป็นโครงการข้ามเบราว์เซอร์ที่มุ่งปรับปรุงความสามารถในการทำงานร่วมกันของเว็บ ฟีเจอร์ในโปรเจ็กต์นี้มีไว้สําหรับการติดตั้งใช้งานข้ามเบราว์เซอร์ ซึ่งจะช่วยเร่งเวลาในการเปลี่ยนเป็น "พร้อมใช้งานในเบราว์เซอร์พื้นฐาน" ในช่วง Interop 2024 Declarative Shadow DOM, font-size-adjust, requestVideoFrameCallback และ text-wrap: balance อยู่ในเกณฑ์พื้นฐาน 2024 และอื่นๆ อีกมากมายใกล้จะเสร็จสมบูรณ์แล้ว

ข้อมูลเชิงลึกของ RUM

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

อ่านการผสานรวมข้อมูลพื้นฐานกับที่เก็บ RUM เพื่อดูข้อมูลเพิ่มเติม

ซีรีส์วิดีโอ This Is Baseline

เราได้เผยแพร่ซีรีส์วิดีโอชื่อ #thisisbaseline เพื่ออธิบายฟีเจอร์ใหม่ของ Baseline ให้คุณทราบแบบสั้นๆ ดูข้อมูลเกี่ยวกับสิ่งต่างๆ เช่น เมธอด Set ใหม่, Screen Wake Lock API, ตารางย่อย CSS และอื่นๆ อีกมากมายภายในเวลาไม่ถึง 60 วินาที

ดูวิดีโอ This Is Baseline ทั้งหมดได้ที่นี่

มาแชทกับเราได้โดยตรง

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

โปรดดูการนำเสนอของ Rachel จาก FITC Web Unleashed ในเดือนตุลาคม, เซสชันของ Pete ที่ connect.tech และการบรรยายของ Mariko ที่ JSNation ในเดือนพฤศจิกายน และหวังว่าจะได้พบคุณในงานดีๆ ในปี 2025

เกณฑ์พื้นฐาน 2024 มีข้อมูลอะไรบ้าง

เมื่อใกล้จะสิ้นปี เราทราบแล้วว่าฟีเจอร์ใดบ้างที่จะรวมอยู่ใน Baseline 2024 ไฮไลต์บางส่วนมีดังนี้

@property

พร็อพเพอร์ตี้ที่กำหนดเองของ CSS (หรือที่เรียกว่าตัวแปร CSS) เป็นฟีเจอร์ที่ใช้ได้ทั่วไป เบราว์เซอร์หลักทั้งหมดรองรับความสามารถในการกําหนดพร็อพเพอร์ตี้ที่กําหนดเองซึ่งมีประเภท ค่าเริ่มต้น และการรับช่วงโดยใช้กฎ@property ตั้งแต่เดือนกรกฎาคม 2024

วิธีการตั้งค่าใหม่

Set เป็นส่วนหนึ่งของ JavaScript มาตั้งแต่ ES2015 แต่ปีนี้เบราว์เซอร์หลักทั้งหมดได้เพิ่มและรองรับวิธีการดำเนินการทางคณิตศาสตร์กับ Set เพิ่มเติม เช่น intersection และ union

AVIF

AVIF เป็นรูปแบบรูปภาพที่ทันสมัยซึ่งโดยทั่วไปจะบีบอัดได้ดีกว่ารูปแบบรูปภาพอื่นๆ เช่น WebP, JPEG, PNG และ GIF เบราว์เซอร์หลักทั้งหมดรองรับ AVIF ตั้งแต่เดือนมกราคม 2024

…และอีกมากมาย

แน่นอนว่ายังมีฟีเจอร์อีกมากมายที่กลายเป็นฟีเจอร์พื้นฐานในปีนี้ คุณสามารถดูฟีเจอร์ที่รวมอยู่ใน Baseline ในช่วงปี 2024 ได้ที่นี่

สรุป

เมื่อเราประกาศโปรเจ็กต์ Baseline ในเดือนพฤษภาคม 2022 โปรเจ็กต์นี้เป็นเพียงแนวคิดและคำจำกัดความเบื้องต้นของ Baseline โพสต์นี้ไฮไลต์เพียงบางส่วนของงานที่ทําเพื่อเปลี่ยน Baseline ให้เป็นเครื่องมือที่เป็นส่วนหนึ่งของเวิร์กโฟลว์ของนักพัฒนาแอปทุกคน

ขอขอบคุณทุกคนที่ทุ่มเททำงานหนักในโปรเจ็กต์ Baseline

บุคคลที่มีส่วนร่วมใน web-features: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber และ queengooborg (แผ่นเสียง)

วิดเจ็ต <baseline-status>: Ewa Gasperowicz และทีม DevRel ของ Chrome

หน้าแดชบอร์ดสถานะแพลตฟอร์มเว็บ: Panos Astithas, Kyle Ju, James Scott, Daniel Smith และ Jason Xu

ทีม Baseline ที่ Google: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak และ Kadir Topal

ขอขอบคุณเป็นพิเศษ Alexis Deveria จาก CanIUse, Claas Augner, Hermina Condei, Florian Dieminger, Ruth John, Leo McArdle จาก MDN, Nic Jansma และ Robin Marx จาก RUM Archive ผู้มีส่วนร่วมในโปรเจ็กต์ Interop, Apple, Firefox, Igalia, Microsoft, Open Web Docs, OddBird และสมาชิกกลุ่มชุมชน WebDX