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

ดูวิธีการทำงานของ Baseline

Baseline ทำงานโดยให้ความชัดเจนในการรับส่งข้อความผ่านเกณฑ์ 3 ระดับ เกณฑ์เหล่านี้บ่งบอกถึงระดับการทำงานร่วมกันในชุดเบราว์เซอร์หลัก ได้แก่ Chrome สำหรับ Android และเดสก์ท็อป, Firefox สำหรับ Android และเดสก์ท็อป, Safari ใน macOS และ iOS รวมถึง Edge เมื่อเห็นป้ายกำกับและสัญลักษณ์เหล่านี้ คุณจะทราบได้อย่างรวดเร็วว่าฟีเจอร์เว็บที่สร้างขึ้นนั้นทำงานได้ดีเพียงใดในเครื่องมือเบราว์เซอร์สมัยใหม่

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

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

เพิ่ม Baseline ลงในโปรเจ็กต์

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

เพิ่ม Baseline ลงในเครื่องมือ Linting และการจัดแพ็กเกจการพัฒนาด้วยการค้นหาเฉพาะ Baseline ที่สร้างขึ้นใน Browserslist
ดูวิธีผสานรวม Baseline เข้ากับโปรเจ็กต์เว็บโดยใช้ webpack, Babel และ PostCSS ด้วย Codelab นี้

ดูการสาธิต Baseline

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

ดูวิธีใช้ Baseline กับโปรเจ็กต์ webpack

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

สร้างเครื่องมือพื้นฐานของคุณเอง

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

ดูข้อมูลเกี่ยวกับแดชบอร์ดแพลตฟอร์มเว็บและวิธีค้นหา HTTP API เพื่อช่วยสร้างเครื่องมือพื้นฐาน
ดูวิธีใช้ข้อมูลในแพ็กเกจ npm ของฟีเจอร์บนเว็บเพื่อสร้างเครื่องมือ Baseline ของคุณเอง