- 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 ใหม่
การให้ข้อมูลเมตาแก่เบราว์เซอร์เกี่ยวกับเนื้อหาที่เล่นอยู่จะช่วยให้คุณสร้างข้อความบนหน้าจอล็อกที่สมบูรณ์ซึ่งมีข้อมูล เช่น ชื่อ ศิลปิน ชื่ออัลบั้ม และอาร์ตเวิร์ก นอกจากนี้ คุณยังฟังและตอบสนองต่อการกระทำของผู้ใช้ในการแจ้งเตือนได้ด้วย เช่น เลื่อนไปข้างหน้าหรือข้าม
หากต้องการเริ่มต้นใช้งานอย่างรวดเร็ว 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