เผยแพร่: 23 ตุลาคม 2024
ในโพสต์นี้ คุณจะได้เรียนรู้วิธีใช้คอมโพเนนต์เว็บ <baseline-status> ใหม่ในเว็บไซต์ของคุณเอง และโลโก้ Baseline ในงานนำเสนอ เมื่อใดก็ตามที่คุณเขียนหรือพูดถึงฟีเจอร์ของแพลตฟอร์มเว็บ
นักพัฒนาซอฟต์แวร์ส่วนใหญ่เคยมีประสบการณ์ในการค้นหาวิธีแก้ปัญหาการพัฒนาเว็บ พบบทความที่อธิบายวิธีแก้ปัญหาที่สมบูรณ์แบบ แล้วตระหนักในตอนท้ายว่าวิธีแก้ปัญหานั้นใช้ได้เฉพาะในเบราว์เซอร์เดียว หรือ ตื่นเต้นกับฟีเจอร์ที่ผู้บรรยายในการประชุมอธิบาย แล้ว พบว่าฟีเจอร์นั้นเป็นฟีเจอร์ทดลอง เราต้องการปรับปรุงเรื่องนี้ในเว็บไซต์สำหรับนักพัฒนาซอฟต์แวร์ของ Chrome และในช่วง 2 ปีที่ผ่านมา เราได้เพิ่มข้อมูลความเข้ากันได้จาก MDN ลงในโพสต์ของเรา
แต่ Baseline จะช่วยให้ทุกอย่างชัดเจนยิ่งขึ้น คุณสามารถตรวจสอบได้ว่าฟีเจอร์นั้นเป็นฟีเจอร์พื้นฐานที่พร้อมใช้งานอย่างแพร่หลายหรือไม่ จึงพร้อมใช้งานได้โดยไม่ต้องกังวล แทนที่จะตรวจสอบเวอร์ชันของเบราว์เซอร์แต่ละรายการ หรืออาจทราบว่า Baseline พร้อมใช้งานแล้ว จึงสามารถทำงานร่วมกันได้ แต่เนื่องจากเป็นฟีเจอร์ใหม่ คุณอาจต้อง พิจารณากลยุทธ์สำรอง เราเริ่มเพิ่มคอมโพเนนต์สถานะพื้นฐานใหม่ลงในบางหน้าของ web.dev แล้ว คุณสามารถดูได้ในบล็อกโพสต์เกี่ยวกับ CSS font-size-adjust
เพิ่มคอมโพเนนต์ลงในเว็บไซต์
คอมโพเนนต์เว็บไม่ได้มีไว้ให้เราใช้เท่านั้น เรายินดีที่จะแชร์คอมโพเนนต์
<baseline-status> กับคุณ ซึ่งพร้อมให้คุณใช้เพื่อแสดงสถานะ
พื้นฐานในเนื้อหาที่คุณสร้าง คุณติดตั้งคอมโพเนนต์ได้จาก
npm หรือคอมไพล์ล่วงหน้าจาก CDN โดยอ่านวิธีการติดตั้ง
เมื่อติดตั้งแล้ว ให้แสดงสถานะของฟีเจอร์ตามที่แสดงใน HTML ต่อไปนี้สำหรับ
font-size-adjust
<baseline-status featureId="font-size-ad><just"/basel>ine-status
จากนั้นคอมโพเนนต์จะอัปเดตโดยอัตโนมัติเมื่อฟีเจอร์เปลี่ยนจากความพร้อมใช้งานแบบจำกัด เป็นพร้อมใช้งานใหม่และพร้อมใช้งานในวงกว้าง
ค้นหาfeatureId
featureId ที่ส่งไปยังคอมโพเนนต์คือชื่อฟีเจอร์ในที่เก็บฟีเจอร์บนเว็บ
คอมโพเนนต์จะรับสถานะของฟีเจอร์จากข้อมูลที่รวบรวมผ่าน
โปรเจ็กต์ฟีเจอร์เว็บ
เพิ่มโลโก้ Baseline
หากคุณเผยแพร่สิ่งใดในสื่อสิ่งพิมพ์, PDF หรือนำเสนอในการประชุม โลโก้เหล่านี้อาจมีประโยชน์ในการแสดงสถานะ ณ เวลานั้น แดชบอร์ดสถานะแพลตฟอร์มเว็บช่วยให้คุณ ตรวจสอบสถานะพื้นฐานของฟีเจอร์ต่างๆ ได้
โลโก้พื้นฐานได้รับอนุญาตให้คุณใช้ในสื่อทั้งหมด ดาวน์โหลดในรูปแบบ PNG และ SVG
โปรดแจ้งให้เราทราบว่าคุณใช้ Baseline ที่ใด
เราอยากทราบว่ามีการใช้ Baseline ที่ใดบ้าง สร้างคำขอส่งรวม (PR) และเพิ่มลิงก์ไปยังที่ที่คุณใช้เพื่อทดสอบฟีเจอร์ในสภาพแวดล้อมจริง
คุณมีไอเดียการผสานรวมอื่นๆ ไหม
คุณมีไอเดียในการผสานรวม Baseline ในรูปแบบอื่นไหม คุณอาจมีเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ที่สามารถรวมข้อมูลนี้ หรือผลิตภัณฑ์ที่ จะได้รับประโยชน์จากการแชร์เวอร์ชันพื้นฐานที่ใช้โดย แผงผู้ดูแลระบบ แจ้งปัญหาเกี่ยวกับไอเดียของคุณ เรายินดีให้ความช่วยเหลือ