Chrome 107 เบต้า

ส่วนเพิ่มเติมจาก API การจับภาพหน้าจอ การประมาณค่าคุณสมบัติเทมเพลตตารางกริดของ CSS และอื่นๆ

การเปลี่ยนแปลงที่อธิบายไว้ด้านล่างจะมีผลกับ Chrome เวอร์ชันเบต้ารุ่นล่าสุดสำหรับ Android, ChromeOS, Linux, macOS และ Windows เว้นแต่จะระบุไว้เป็นอย่างอื่น ดูข้อมูลเพิ่มเติมเกี่ยวกับฟีเจอร์ต่างๆ ที่ระบุไว้ที่นี่ผ่านลิงก์ที่ให้ไว้หรือจากรายการใน ChromeStatus.com ทั้งนี้ Chrome 107 เป็นเวอร์ชันเบต้าตั้งแต่วันที่ 29 กันยายน 2022 คุณสามารถดาวน์โหลดเวอร์ชันล่าสุดได้ที่ Google.com สำหรับเดสก์ท็อปหรือ Google Play Store บน Android

การประมาณค่าในช่วงพร็อพเพอร์ตี้ grid-template ของ CSS

ในตารางกริด CSS พร็อพเพอร์ตี้ grid-template-columns และ grid-template-rows ช่วยให้นักพัฒนาแอปกําหนดชื่อบรรทัดและปรับขนาดแทร็กของคอลัมน์และแถวในตารางกริดได้ตามลำดับ ด้วยผู้ร่วมให้ข้อมูลจาก Microsoft ตอนนี้เราจึงรองรับการประมาณค่าสำหรับพร็อพเพอร์ตี้เหล่านี้ได้แล้ว ตอนนี้เลย์เอาต์แบบตารางกริดสามารถสลับไปมาระหว่างสถานะต่างๆ ได้อย่างราบรื่น แทนที่จะสแนปที่จุดครึ่งทางของภาพเคลื่อนไหวหรือการเปลี่ยน

การควบคุมการแชร์หน้าจอที่รักษาความเป็นส่วนตัว

Screen Capture API มาพร้อมส่วนเพิ่มเติมใน Media Capture and Streams API ที่มีอยู่เพื่อให้ผู้ใช้เลือกหน้าจอหรือบางส่วนของหน้าจอ (เช่น หน้าต่าง) ที่จะจับภาพเป็นสตรีมสื่อได้ จากนั้น สตรีมนี้จะถูกบันทึกหรือแชร์กับคนอื่นๆ ผ่านเครือข่าย ในรุ่นเบต้านี้จะมีฟีเจอร์ใหม่ที่เพิ่มเข้ามาใน API นี้

DisplayMediaStreamConstraints.selfBrowserSurface

คำแนะนำที่อนุญาตให้เว็บแอปพลิเคชันบอกเบราว์เซอร์ว่า เมื่อเรียกใช้ getDisplayMedia() ควรยกเว้นแท็บปัจจุบันจากรายการแท็บที่เสนอแก่ผู้ใช้หรือไม่

วิธีนี้จะช่วยป้องกันไม่ให้เกิดความสับสนในตัวคุณโดยไม่ตั้งใจ เมื่อผู้ใช้เลือกแท็บที่แอปทำงานอยู่โดยบังเอิญ เอฟเฟกต์ Hall-of-Mirrors จะทําให้ผู้ใช้สับสน และทำให้การสนทนากับผู้ใช้ระยะไกลลดลง

DisplayMediaStreamConstraints.surfaceSwitching

เพิ่มตัวเลือกเพื่อควบคุมแบบเป็นโปรแกรมว่าจะให้ Chrome แสดงปุ่มเปลี่ยนแท็บขณะแชร์หน้าจอหรือไม่ ระบบจะส่งตัวเลือกนี้ไปยัง navigator.mediaDevices.getDisplayMedia()

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

MediaTrackConstraintSet.displaySurface

เมื่อมีการเรียก getDisplayMedia() เบราว์เซอร์จะเสนอตัวเลือกพื้นผิวการแสดงผลให้แก่ผู้ใช้ ซึ่งได้แก่ แท็บ หน้าต่าง หรือจอภาพ เมื่อใช้ข้อจำกัด displaySurface แอปพลิเคชันบนเว็บอาจบอกใบ้แก่เบราว์เซอร์ว่าต้องการเสนอพื้นผิวบางประเภทให้แก่ผู้ใช้มากขึ้นหรือไม่

ดูข้อมูลเพิ่มเติมว่าฟีเจอร์เหล่านี้จะช่วยหลีกเลี่ยงการแชร์มากเกินไปโดยไม่ตั้งใจได้อย่างไร

แสดงผลสถานะการบล็อกใน Resource Timing

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

ไวลด์การ์ดในต้นทางนโยบายสิทธิ์

ฟีเจอร์นี้เพิ่มการรองรับไวลด์การ์ดในนโยบายสิทธิ์ที่มีโครงสร้าง เช่น SCHEME://*.HOST:PORT (เช่น https://*.foo.com/) ซึ่งจะสร้างต้นทางที่ถูกต้องจาก SCHEME://HOST:PORT ได้ (เช่น https://foo.com/) การดำเนินการนี้กำหนดให้ HOST ต้องมี eTLD+1 (โดเมนที่จดทะเบียนได้) เป็นอย่างน้อย ซึ่งหมายความว่า https://*.bar.foo.com/ จะใช้ได้ แต่ https://*.com/ จะไม่สามารถใช้งานได้ ระบบจะไม่รองรับไวลด์การ์ดในรูปแบบและส่วนพอร์ต และ https://*.foo.com/ จะไม่มอบสิทธิ์ให้ https://foo.com/ ก่อนหน้านี้ นโยบายสิทธิ์อาจมีลักษณะดังนี้

permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://cdn1.foo.com" "https://cdn2.foo.com")

ฟีเจอร์นี้ช่วยให้คุณใช้สิ่งต่อไปนี้ได้

permissions-policy: ch-ua-platform-version=(self "https://foo.com" "https://*.foo.com")

สนับสนุนแอตทริบิวต์ rel ในองค์ประกอบ <form>

ฟีเจอร์นี้เพิ่มแอตทริบิวต์ rel ลงในองค์ประกอบของแบบฟอร์ม ซึ่งทําให้สามารถป้องกันไม่ให้แสดง window.opener ในเว็บไซต์ที่ไปยังองค์ประกอบแบบฟอร์มซึ่งมี rel=noopener และป้องกันไม่ให้ส่งส่วนหัวอ้างอิงด้วย rel=noreferrer

ช่วงทดลองใช้จากต้นทาง

Chrome รุ่นนี้มีช่วงทดลองใช้จากต้นทางใหม่ 2 รายการ

API PendingBeacon แบบประกาศ

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

คาดว่าช่วงทดลองใช้นี้จะทำงานได้จนถึง Chrome 109 ลงทะเบียนทดลองใช้ที่นี่

นโยบายสิทธิ์: ยกเลิกการโหลด

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

คาดว่าช่วงทดลองใช้นี้จะทำงานได้จนถึง Chrome 109 ลงทะเบียนทดลองใช้ที่นี่

การเลิกใช้งานและการนำออก

Chrome เวอร์ชันนี้จะแนะนำการเลิกใช้งานและการนำออกตามรายการด้านล่าง ไปที่ ChromeStatus.com เพื่อดูรายการการเลิกใช้งานที่วางแผนไว้ การเลิกใช้งานในปัจจุบัน และการนำออกก่อนหน้า

Chrome รุ่นนี้ได้เลิกใช้งานฟีเจอร์ 1 รายการ

คาดหวัง CT

Expect-CT คือส่วนหัว HTTP ที่อนุญาตให้เว็บไซต์เลือกใช้การบังคับใช้ความโปร่งใสของใบรับรองก่อนที่จะบังคับใช้โดยค่าเริ่มต้น และยังมีฟังก์ชันการรายงานที่ช่วยให้นักพัฒนาแอปค้นพบการกำหนดค่าของ CT ที่ไม่ถูกต้องด้วย

ส่วนหัว HTTP ของ Expect-CT ออกแบบมาเพื่อช่วยในการเปลี่ยนไปใช้การบังคับใช้ความโปร่งใสของใบรับรอง (CT) สากล โดยอนุญาตให้เว็บไซต์ที่มีคุณค่าสูงเลือกใช้การบังคับใช้ CT หรือการรายงานเพื่อการรักษาความปลอดภัยที่ดียิ่งขึ้นก่อนที่ Chrome จะมีการบังคับใช้ CT (โดย Chrome) แต่ขณะนี้ Expect-CT ไม่ได้มีประโยชน์อีกต่อไปแล้ว ขณะนี้ Chrome ต้องใช้ CT ในเว็บไซต์สาธารณะทั้งหมด ดังนั้นจึงไม่มีค่าความปลอดภัยสำหรับ Expect-CT อีกต่อไป เบราว์เซอร์อื่นๆ ไม่ได้ใช้ Expect-CT ดังนั้นการนำเบราว์เซอร์นี้ออกจึงไม่ใช่ข้อกังวลด้านความสามารถในการทำงานร่วมกัน