ใหม่ใน 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