ใหม่ใน Chrome 88

Pete LePage

Chrome 88 กำลังเริ่มเปิดตัวในเวอร์ชันเสถียร

สิ่งที่จำเป็นต้องทราบมีดังนี้

  • ตอนนี้คุณสามารถอัปโหลดส่วนขยายโดยใช้ไฟล์ Manifest V3 ไปยัง Chrome เว็บสโตร์ได้แล้ว
  • พร็อพเพอร์ตี้ aspect-ratio ของ CSS ช่วยให้คุณกำหนดสัดส่วนภาพในองค์ประกอบต่างๆ ได้อย่างง่ายดาย
  • Chrome 88 จะควบคุมตัวจับเวลา JavaScript ที่ผูกไว้อย่างมากสำหรับหน้าที่ซ่อนอยู่ในสภาวะบางอย่าง
  • คุณใช้การเรียกเก็บเงินของ Play ในกิจกรรมบนเว็บและที่เชื่อถือได้ได้แล้ว
  • วิดีโอทั้งหมดจาก Chrome Dev Summit เผยแพร่แล้ว
  • และยังมีอื่นๆ อีกมากมาย

ฉันชื่อ Pete LePage ทำงานและถ่ายทำ จากที่บ้าน มาเจาะลึกและดูว่ามีอะไรใหม่ๆ สำหรับนักพัฒนาซอฟต์แวร์ใน Chrome 88 บ้าง!

ไฟล์ Manifest V3

ตอนนี้ Chrome 88 รองรับส่วนขยายที่สร้างด้วยไฟล์ Manifest V3 แล้ว และคุณสามารถอัปโหลดส่วนขยายไปยัง Chrome เว็บสโตร์ได้ Manifest V3 เป็นแพลตฟอร์มส่วนขยายใหม่ที่ทำให้ส่วนขยาย Chrome มีความปลอดภัย มีประสิทธิภาพ และเคารพความเป็นส่วนตัวมากขึ้นโดยค่าเริ่มต้น

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

แนะนำโปรแกรมทำงานของบริการซึ่งมาแทนหน้าเว็บพื้นหลัง เนื่องจากโปรแกรมทำงานของบริการจะอยู่ในหน่วยความจำเมื่อจำเป็นเท่านั้น ส่วนขยายจึงใช้ทรัพยากรของระบบน้อยลง

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

ดูรายละเอียดทั้งหมดและวิธีย้ายข้อมูลส่วนขยายปัจจุบันไปยังไฟล์ Manifest V3 ได้ที่ developer.chrome.com


พร็อพเพอร์ตี้ aspect-ratio ของ CSS

โดยปกติมีเพียงบางองค์ประกอบเท่านั้นที่มีสัดส่วนภาพ เช่น รูปภาพ หากระบุเฉพาะความกว้างหรือความสูง ระบบจะคำนวณอีกค่าหนึ่งโดยอัตโนมัติโดยใช้สัดส่วนภาพภายใน

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

ใน Chrome 88 พร็อพเพอร์ตี้ aspect-ratio ช่วยให้คุณระบุสัดส่วนภาพอย่างชัดแจ้ง ซึ่งทำให้ฟีเจอร์นี้ทำงานได้เหมือนกัน

.square {
  aspect-ratio: 1 / 1;
}

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

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

ขอขอบคุณ Jen Simmons ที่บอกว่าสิ่งนี้ได้รับการสนับสนุนในพรีวิวทางเทคนิคของ Safari ล่าสุด เราจึงน่าจะได้ดูใน Safari เร็วๆ นี้! และเข้าไปดูการสาธิตของ Una เพื่อดูการใช้งานจริง

มีการควบคุมตัวจับเวลา JS แบบเชนจำนวนมาก

Chrome 88 จะควบคุมตัวจับเวลา JavaScript ที่เชื่อมโยงอย่างมากสำหรับหน้าที่ซ่อนอยู่ในสภาวะบางอย่าง ซึ่งจะลดการใช้ CPU รวมถึงยังลดการใช้งานแบตเตอรี่ด้วย อาจมีบางกรณีที่การทำเช่นนี้อาจเปลี่ยนลักษณะการทำงาน แต่ก็มักใช้ตัวจับเวลาในกรณีที่ API อื่นจะมีประสิทธิภาพมากกว่าและน่าเชื่อถือมากกว่า

ซึ่งเป็นศัพท์เฉพาะทางที่ค่อนข้างซับซ้อนและค่อนข้างกำกวม โปรดดูรายละเอียดทั้งหมดในบทความการควบคุมตัวจับเวลา JS แบบหนักในช่วงเริ่มต้นใน Chrome 88 ของเจค

การเรียกเก็บเงินของ Play ในกิจกรรมบนเว็บและเว็บที่เชื่อถือได้

ตอนนี้คุณใช้ Play Billing ในกิจกรรมบนเว็บและเว็บที่เชื่อถือได้เพื่อขายสินค้าดิจิทัลและการสมัครใช้บริการโดยใช้ Digital Goods API ใหม่ได้แล้ว โดยพร้อมให้ใช้งานเป็นช่วงทดลองใช้จากต้นทางใน Chrome 88 บน Android และเราคาดว่าจะขยายช่วงทดลองใช้จากต้นทางไปยัง ChromeOS ในรุ่นถัดไป

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

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana และ Andre อธิบายรายละเอียดเพิ่มเติมในการพูดคุยเกี่ยวกับ Chrome Dev Summit ว่า มีอะไรใหม่ในเว็บแอปใน Play หรือดูในdocs

และอื่นๆ

นอกจากนี้ยังมีอีกมากมาย

  • ตอนนี้แท็ก Anchor ที่มี target="_blank" จะบ่งบอกเป็น rel="noopener" โดยค่าเริ่มต้นเพื่อให้สอดคล้องกับการเปลี่ยนแปลงในมาตรฐาน HTML ซึ่งจะช่วยป้องกันการโจมตีแบบ Tab-napping
  • ระบบปฏิบัติการส่วนใหญ่จะเร่งความเร็วเมาส์โดยค่าเริ่มต้น แต่ก็อาจเป็นปัญหาสำหรับบางเกม ใน Chrome 88 Pointer Lock API จะให้คุณปิดใช้การเร่งความเร็วเมาส์ได้ ซึ่งหมายความว่าการเคลื่อนไหวทางกายภาพแบบเดียวกันจะช้าหรือเร็ว จะส่งผลให้เกิดการหมุนหน้าจอแบบเดิม ทำให้ได้รับประสบการณ์การเล่นเกมที่ดีขึ้นและความแม่นยำสูงขึ้น
  • และตอนนี้ addEventListener จะใช้สัญญาณยกเลิกเป็นตัวเลือก การเรียกใช้ abort() จะนำ Listener เหตุการณ์นั้นออกเพื่อให้ปิด Listener เหตุการณ์ได้ง่ายๆ เมื่อไม่จำเป็นต้องใช้อีกต่อไป

อ่านเพิ่มเติม

ทั้งหมดนี้พูดถึงไฮไลต์สำคัญเพียงบางส่วน โปรดไปที่ลิงก์ด้านล่างสำหรับ การเปลี่ยนแปลงเพิ่มเติมใน Chrome 88

สมัครใช้บริการ

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

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