ใหม่ใน Chrome 58

Pete LePage

  • ตอนนี้ Chrome รองรับมาตรฐาน IndexedDB 2.0 อย่างสมบูรณ์แล้ว และ นำเสนอการจัดการสคีมาใหม่ วิธีการดำเนินการแบบกลุ่ม และอื่นๆ การจัดการความล้มเหลวที่ได้มาตรฐาน
  • Progressive Web App มีความสมจริงยิ่งขึ้นด้วย display: fullscreen
  • allow-top-navigation-by-user-activation มีแซนด์บ็อกซ์ iframes พลังใหม่
  • นอกจากนี้ยังมีอีกมากมาย

หากต้องการดูรายการการเปลี่ยนแปลงทั้งหมด โปรดดู รายการเปลี่ยนแปลงที่เก็บแหล่งที่มาของ Chromium

ฉันชื่อ Pete LePage ไปดูกันเลยว่ามีอะไรใหม่สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 58 กัน

IndexedDB 2.0

โครงสร้างฐานข้อมูลของเว็บไซต์มีผลกระทบอย่างมากต่อประสิทธิภาพ และ เปลี่ยนแปลงได้ยาก IndexedDB 2.0 จะเปลี่ยนแปลงสิ่งนั้น

  • ในตอนนี้ คุณสามารถเปลี่ยนชื่อร้านค้า object และ indexes ในตำแหน่งเดิมหลัง การเปลี่ยนโครงสร้างภายในโค้ด
  • คีย์แบบไบนารีจะทำให้คีย์เป็นธรรมชาติมากขึ้นโดยไม่ต้องกังวลเรื่องประสิทธิภาพ ลูกโทษ
  • ดึงข้อมูลได้ง่ายขึ้นด้วย getKey(), openKeyCursor() และ continuePrimaryKey() วิธี

และการกู้คืนชุดข้อมูลทั้งชุดจำนวนมากไม่จำเป็นต้องใช้เคอร์เซอร์ getAll() และ getAllKey()

Progressive Web App แบบเต็มหน้าจอ

เมื่อเปิด Progressive Web App จากหน้าจอหลักของ Android เปิดใช้งานในโหมดคล้ายแอปแบบสแตนด์อโลนที่ซ่อนแถบอเนกประสงค์ วิธีนี้ช่วย สร้างประสบการณ์ที่น่าดึงดูดของผู้ใช้และเพิ่มพื้นที่ว่างบนหน้าจอสำหรับเนื้อหา

แต่หากต้องการประสบการณ์ที่สมจริงยิ่งขึ้นไปอีก เช่น เกม โปรแกรมเล่นวิดีโอ หรือเนื้อหาสื่อสมบูรณ์อื่นๆ องค์ประกอบ UI สำหรับมือถือ เช่น แถบระบบ ยังคงเป็นสิ่งที่เบี่ยงเบนความสนใจและใช้พิกเซลที่มีค่าที่คุณอาจต้องการ

ตอนนี้คุณทําให้ Progressive Web App สมจริงเต็มตาได้ด้วยการตั้งค่า display: fullscreen ใน ไฟล์ Manifest ของเว็บแอป

วันที่
PWA ที่เปิดใช้จากหน้าจอหลัก (ซ้าย) แล้วเปิดจากหน้าจอหลัก ในโหมด standalone (ตรงกลาง) และเปิดจากหน้าจอหลักใน โหมด fullscreen (ขวา)

เมื่อเปิดแอปของคุณจากหน้าจอหลักแล้ว UI ทั้งหมดที่ไม่ใช่แอปบนอุปกรณ์เคลื่อนที่ องค์ประกอบที่ซ่อนอยู่

การปรับปรุง iframe ที่ทำแซนด์บ็อกซ์

ตอนนี้ Chrome 58 รองรับคีย์เวิร์ดแซนด์บ็อกซ์ของ iframe ใหม่แล้ว allow-top-navigation-by-user-activation

เมื่อโต้ตอบกับการโต้ตอบของผู้ใช้ คีย์เวิร์ดนี้จะแสดง iframe ที่ทำแซนด์บ็อกซ์ คุณสมบัติการนำทางไปยังหน้าเว็บระดับบนสุดในขณะที่ยังคงบล็อกการเปลี่ยนเส้นทางอัตโนมัติอยู่

และอีกมากมาย

และยังมีอีกมากมาย

  • บอกลาการแฮ็ก clearfix ได้เลย แทนการรีเซ็ตด้วยตนเอง คุณสมบัติการจัดวางที่หลากหลาย เช่น แบบลอยและล้าง ตอนนี้คุณสามารถเพิ่ม บริบทการจัดรูปแบบบล็อกโดยใช้ display: flow-root
  • PointerEvents.getCoalescedEvents() อนุญาตให้คุณเข้าถึงเหตุการณ์การป้อนข้อมูลทั้งหมด นับจากครั้งล่าสุดที่มีการนำส่ง PointerEvent เหมาะสำหรับเวลาที่คุณ ต้องมีประวัติคะแนนที่แม่นยำสำหรับงานต่างๆ เช่น แอปวาดรูป
  • ตอนนี้ คุณสามารถสร้าง Workers และ SharedWorkers โดยใช้ URL data: รายการ ทำให้การพัฒนาด้วย Workers ปลอดภัยยิ่งขึ้นโดยให้ต้นทางที่ทึบแสง

นี่เป็นการเปลี่ยนแปลงเพียงบางส่วนใน Chrome 58 สำหรับนักพัฒนาซอฟต์แวร์

หากชอบวิดีโอนี้ ลองดู นักออกแบบเทียบกับนักพัฒนาซอฟต์แวร์ ซีรีส์วิดีโอใหม่ที่พยายามแก้ปัญหาความท้าทายที่นักออกแบบต้องเผชิญ และนักพัฒนาซอฟต์แวร์ ทำงานร่วมกันอย่างไร

จากนั้นสมัครใช้บริการ ช่อง YouTube และ คุณจะได้รับการแจ้งเตือนทางอีเมลทุกครั้งที่เราเปิดตัววิดีโอใหม่

ผมชื่อ Pete LePage ทันทีที่เปิดตัว Chrome 59 ฉันก็จะงง มาแจ้งให้คุณทราบว่า มีอะไรใหม่ใน Chrome!