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