- 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
Media Session API
ฟีเจอร์หนึ่งที่ขาดหายไปจากแอปพลิเคชันสื่อบนเว็บคือความสามารถในการผสานรวมอย่างลึกซึ้งกับประสบการณ์การใช้งานสื่อหลักในอุปกรณ์เคลื่อนที่ ใน Chrome สำหรับ Android ตอนนี้คุณสามารถปรับแต่งหน้าจอล็อกและการแจ้งเตือนด้วยเนื้อหาสื่อได้โดยใช้ Media Session API ใหม่
การให้metadataแก่เบราว์เซอร์เกี่ยวกับเนื้อหาที่เล่นอยู่จะช่วยให้คุณสร้างข้อความบนหน้าจอล็อกที่สมบูรณ์ซึ่งมีข้อมูล เช่น ชื่อ ศิลปิน ชื่ออัลบั้ม และอาร์ตเวิร์ก นอกจากนี้ คุณยังฟังและตอบสนองต่อการกระทำของผู้ใช้ในการแจ้งเตือนได้ด้วย เช่น เลื่อนไปข้างหน้าหรือข้าม
หากต้องการเริ่มต้นใช้งานอย่างรวดเร็ว Francois มีโพสต์อัปเดตที่ยอดเยี่ยม หรือดูรีโปตัวอย่างเซสชันสื่อของ Chrome อย่างเป็นทางการใน GitHub
และอีกมากมาย
และยังมีอีกมากมาย
- มีการปรับปรุง บางอย่างใน Payment Request API
- คุณระบุสีของเคอร์เซอร์ป้อนข้อความได้ด้วยพร็อพเพอร์ตี้
caret-color - คุณระบุเอฟเฟกต์ภาพ เช่น สีและสไตล์ของเส้น ได้ด้วยพร็อพเพอร์ตี้
text-decorationใหม่ - ตอนนี้ Fetch API
คลาสคำตอบรองรับแอตทริบิวต์
.redirectedแล้วเพื่อช่วยหลีกเลี่ยงคำตอบที่ไม่น่าเชื่อถือและลดความเสี่ยงของการเปลี่ยนเส้นทางแบบเปิด - นําตัวแปรแทนแบบทั่วโลกที่มี
-webkit-นำหน้า IndexedDB ทั้งหมดออกแล้วหลังจากเลิกใช้งานใน M38 - และหนึ่งในฟีเจอร์โปรดของเราคือวิธีการจัดรูปแบบแบบใหม่
padStartและpadEndซึ่งช่วยให้การเติมสตริงได้ง่ายขึ้นเมื่อจัดแนวเอาต์พุตคอนโซล หรือพิมพ์ตัวเลขที่มีจำนวนหลักคงที่
การเปลี่ยนแปลงเหล่านี้เป็นเพียงส่วนหนึ่งของการเปลี่ยนแปลงใน Chrome 57 สําหรับนักพัฒนาซอฟต์แวร์
ขอเสียงปรบมือดังๆ ให้ Igalia
สุดท้ายนี้ เราอยากกล่าวขอบคุณวิศวกรและทีมจาก Igalia สำหรับผลงานอันยอดเยี่ยมเกี่ยวกับ Blink ทีมนี้มีส่วนสําคัญในการเปิดตัวฟีเจอร์ CSS Grid และ caret-color ใหม่
ไม่พลาดรับข้อมูลอัปเดต
หากต้องการติดตามข่าวสารเกี่ยวกับ Chrome และดูข้อมูลเกี่ยวกับฟีเจอร์ใหม่ๆ อย่าลืมติดตามช่องของเรา หรือติดตาม @ChromiumDev ใน Twitter และอย่าลืมดูวิดีโอจาก Chrome Dev Summit เพื่อเจาะลึกเกี่ยวกับสิ่งดีๆ ที่ทีม Chrome กำลังพัฒนา
ผมชื่อ Pete LePage และทันทีที่ Chrome 58 เปิดตัว เราจะมาบอกคุณถึงสิ่งใหม่ๆ ใน Chrome