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