- Chrome 57 เพิ่มการรองรับ
display: grid
ซึ่งเป็นข้อกำหนดใหม่ของเลย์เอาต์ตารางกริดของ CSS - ตอนนี้คุณปรับแต่งและตอบสนองต่อข้อมูลจากผู้ใช้ในหน้าจอล็อกและการแจ้งเตือนได้แล้วโดยใช้ Media Session API ใหม่
- นอกจากนี้ยังมีอื่นๆ อีกมากมาย
ฉันชื่อ Pete LePage มาเจาะลึกและดูว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 57!
เลย์เอาต์ตารางกริด CSS
Flexbox เป็นเครื่องมือเลย์เอาต์ที่มีประสิทธิภาพ สร้างเค้าโครงที่ซับซ้อนได้มากมาย
แต่ทำได้เพียงมิติเดียวเท่านั้น Chrome 57 เพิ่มการรองรับ
display: grid
-
ข้อกำหนดเลย์เอาต์ตารางกริดของ CSS ใหม่
ซึ่งเป็นการเพิ่มเครื่องมือใหม่ที่มีประสิทธิภาพในการสร้างระบบเลย์เอาต์ที่อิงตามตารางกริด 2 มิติ ซึ่งเพิ่มประสิทธิภาพเพื่อการออกแบบอินเทอร์เฟซผู้ใช้ที่ตอบสนองตามอุปกรณ์
องค์ประกอบภายในตารางกริดอาจครอบคลุมหลายคอลัมน์หรือแถว ตั้งชื่อภูมิภาคในตาราง CSS ได้ด้วย ซึ่งช่วยให้เข้าใจโค้ดเลย์เอาต์ได้ง่ายขึ้น
Surma มีโพสต์อัปเดตเกี่ยวกับเรื่องนี้ และเมื่อพร้อมที่จะเจาะลึกเรื่องนี้แล้ว ให้ไปที่เว็บไซต์ของ Rachel Andrew ที่ GridByExample.com
API เซสชันสื่อ
ฟีเจอร์หนึ่งที่ขาดหายไปจากแอปพลิเคชันสื่อบนเว็บคือ ความสามารถในการผสานรวมเข้ากับประสบการณ์สื่อหลักในอุปกรณ์เคลื่อนที่อย่างลงตัว ตอนนี้คุณปรับแต่งหน้าจอล็อกและการแจ้งเตือนด้วยเนื้อหาสื่อใน Chrome สำหรับ Android ได้แล้วโดยใช้ Media Session API ใหม่
เมื่อคุณให้ข้อมูลเมตาเกี่ยวกับเนื้อหาที่เล่นอยู่แก่เบราว์เซอร์ คุณจะสามารถสร้างข้อความบนหน้าจอล็อกที่มีการจัดรูปแบบมีข้อมูลต่างๆ เช่น ชื่อ ศิลปิน ชื่ออัลบั้ม และอาร์ตเวิร์ก คุณยังฟังและตอบสนองต่อการดำเนินการของผู้ใช้ที่ทำกับการแจ้งเตือนได้ด้วย เช่น การกรอวิดีโอหรือการข้าม
ถ้าคุณต้องการเริ่มต้นอย่างรวดเร็ว Francois มีโพสต์อัปเดตที่ยอดเยี่ยมหรือดูที่เก็บตัวอย่างเซสชันสื่อของ Chrome อย่างเป็นทางการใน GitHub
และอีกมากมาย
และยังมีอื่นๆ อีกมากมาย
- Payment Request API มีบาง การปรับปรุง
- คุณระบุสีของเคอร์เซอร์ข้อความที่ป้อนได้ด้วยพร็อพเพอร์ตี้
caret-color
- คุณระบุเอฟเฟกต์ภาพ เช่น สีและรูปแบบของเส้นได้โดยใช้พร็อพเพอร์ตี้
text-decoration
ใหม่ - ตอนนี้ API การดึงข้อมูล
คลาสการตอบกลับ
รองรับแอตทริบิวต์
.redirected
เพื่อช่วยหลีกเลี่ยงคำตอบที่ไม่น่าเชื่อถือและลดความเสี่ยงของการเปลี่ยนเส้นทางแบบเปิด - ระบบนำชื่อแทนส่วนกลางของ IndexedDB ที่ใช้นำหน้าทั้งหมด
-webkit-
ออกแล้วหลังจากเลิกใช้งานในเวอร์ชัน M38 - สิ่งหนึ่งที่ฉันชอบมากที่สุดก็คือวิธีจัดรูปแบบ
padStart
และpadEnd
แบบใหม่ที่ช่วยให้ระยะห่างจากขอบของสตริงง่ายขึ้นเมื่อจัดเรียงเอาต์พุตของคอนโซลหรือพิมพ์ตัวเลขด้วยจำนวนหลักที่กำหนด
ทั้งหมดนี้เป็นเพียงการเปลี่ยนแปลงบางส่วนใน Chrome 57 สำหรับนักพัฒนาซอฟต์แวร์
ส่งเสียงถึง Igalia
สุดท้ายนี้ ขอชื่นชมทีมวิศวกรและทีมงานที่
Igalia สำหรับผลงานที่ยอดเยี่ยมใน Blink ซึ่งมีประโยชน์ในการใช้ฟีเจอร์ของ CSS Grid และ caret-color
แบบใหม่
ไม่พลาดรับข้อมูลอัปเดต
หากต้องการติดตามข่าวสารล่าสุดเกี่ยวกับ Chrome และทราบถึงสิ่งที่จะเกิดขึ้น อย่าลืมติดตามช่องของเรา หรือติดตาม @ChromiumDev บน Twitter และอย่าลืมดูวิดีโอจากงาน Chrome Dev Summit เพื่อเจาะลึกสิ่งดีๆ ที่ทีม Chrome กำลังดำเนินการอยู่
ผมชื่อ Pete LePage และทันทีที่เปิดตัว Chrome 58 ผมจะบอกคุณว่า มีอะไรใหม่ใน Chrome!