ใหม่ใน Chrome 58

พีต เลอเพจ

  • 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 สำหรับนักพัฒนาซอฟต์แวร์

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

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

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