คีย์เวิร์ดหลายรายการสำหรับพร็อพเพอร์ตี้การแสดง CSS, WGSLLanguageFeatures สำหรับ WebGPU, การอัปเกรด HTTPS และอื่นๆ
การเปลี่ยนแปลงต่างๆ ที่ได้อธิบายไว้จะมีผลกับ Chrome เวอร์ชันเบต้าใหม่ล่าสุดสำหรับ Android, ChromeOS, Linux, macOS และ Windows ยกเว้นกรณีที่ระบุไว้เป็นอย่างอื่น เรียนรู้เพิ่มเติมเกี่ยวกับฟีเจอร์ที่แสดงรายการไว้ที่นี่ผ่านลิงก์ที่ให้ไว้หรือจากรายการใน ChromeStatus.com Chrome 115 เป็นเวอร์ชันเบต้าตั้งแต่วันที่ 31 พฤษภาคม 2023 คุณดาวน์โหลดเวอร์ชันล่าสุดได้จาก Google.com สำหรับเดสก์ท็อปหรือ Google Play Store ใน Android
CSS
รุ่นนี้เพิ่มฟีเจอร์ใหม่ CSS 3 รายการ
พร็อพเพอร์ตี้ display มีหลายค่า
ตอนนี้พร็อพเพอร์ตี้ CSS display ยอมรับคีย์เวิร์ดหลายคำเป็นค่านอกเหนือจากคีย์เวิร์ดเดิมที่เขียนไว้ล่วงหน้า คีย์เวิร์ด 2 รายการแรกแสดงค่าด้านนอกและด้านในของดิสเพลย์ มีแฟล็กที่ไม่บังคับสำหรับ list-item ค่าภายใน เช่น table-cell และค่าในช่องเป็น contents และ none
เมื่อใช้คีย์เวิร์ดด้านนอกและด้านใน คุณจะกำหนดลักษณะการทำงานของกล่องด้านนอก (บล็อกหรือแทรกในบรรทัด) รวมถึงพฤติกรรมของบุตรหลานที่อยู่ด้านในได้ เช่น flex, grid หรือ flow ดังนั้น display: flex จะกลายเป็น display: block flex และ display: block จะกลายเป็น display: block flow โปรดดูที่ MDN สำหรับรายการการแมปทั่วไปและข้อมูลเพิ่มเติม
การค้นหาคอนเทนเนอร์รูปแบบบริบทบูลีน
Chrome 115 รองรับการค้นหาคอนเทนเนอร์ style() ที่ไม่มีค่าการประกาศ แต่เป็นเพียงชื่อพร็อพเพอร์ตี้เท่านั้น เป็นวิธีการจับคู่ค่าที่ไม่ใช่ชื่อย่อ ก่อนหน้านี้คุณต้องใช้: not style(--my-property: initial) ตอนนี้คุณสามารถใช้: style(--my-property) เพื่อจับคู่ค่าที่ไม่ใช่เริ่มต้น
ภาพเคลื่อนไหวแบบเลื่อน
ScrollTimeline และ ViewTimeline เป็นส่วนขยายของข้อกำหนดเกี่ยวกับภาพเคลื่อนไหวบนเว็บซึ่งอนุญาตให้นักพัฒนาซอฟต์แวร์ใช้ตำแหน่งของแถบเลื่อนหรือตำแหน่งขององค์ประกอบภายในแถบเลื่อนเป็น "เวลา" ของอินพุตได้ แทนที่จะเป็นเวลานาฬิกาแบบโมโนโมนิกที่เป็นค่าเริ่มต้น ซึ่งจะเปิดใช้ภาพเคลื่อนไหวแบบเลื่อนแบบเร่ง เช่น แถบนำทางที่ย่อลง โดยไม่ต้องมีการดำเนินการสคริปต์ของผู้ใช้ คุณสามารถประกาศและสร้างอินสแตนซ์ได้ทั้งผ่าน CSS และ JavaScript ที่ใช้ในภาพเคลื่อนไหว CSS และ Web Animations
ดูรายละเอียดเพิ่มเติมได้ที่ทำให้องค์ประกอบเคลื่อนไหวขณะเลื่อนด้วยภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
แก้ไขการถดถอยที่องค์ประกอบที่มี display: contents ไม่แสดงในแผนผังการช่วยเหลือพิเศษอีกต่อไป
มีการถดถอยที่ทำให้องค์ประกอบที่มี display: contents สูญเสียข้อมูลเชิงความหมาย และไม่แสดงอย่างถูกต้องในโครงสร้างการช่วยเหลือพิเศษอีกต่อไป Chrome 115 มีวิธีแก้ไขปัญหานี้
API ของเว็บ
เพิ่มขนาดสูงสุดของ WebAssembly.Module() ในเทรดหลักเป็น 8 MB
ตัวสร้าง WebAssembly.Module() จะรวมโมดูล WebAssembly แบบไบนารีพร้อมกัน ซึ่งสามารถบล็อกเทรดหลักได้ เพื่อหลีกเลี่ยงปัญหานี้ ขนาดสูงสุดของโมดูล WebAssembly ที่คอมไพล์ได้ด้วยตัวสร้างนี้ได้คือไม่เกิน 8 MB คุณคอมไพล์โมดูลขนาดใหญ่แบบไม่พร้อมกันในเทรดหลักได้ด้วย WebAssembly.compile() หรือแบบพร้อมกันในเทรดผู้ปฏิบัติงาน ขีดจำกัด 8 MB เป็นการขยายจากขีดจำกัดเดิม 4 KB การปรับปรุงในรันไทม์ของ WebAssembly V8 ทำให้สามารถใช้ส่วนขยายนี้ได้ ขีดจำกัด 8 MB กำหนดผ่านการวัดประสิทธิภาพในโทรศัพท์ Google Pixel 1 ซึ่งปัจจุบันถือว่าเป็นโทรศัพท์ระดับโลว์เอนด์ การพัฒนา V8 หรือฮาร์ดแวร์ในอนาคตอาจอนุญาตให้มีการขยายขีดจำกัดนี้ได้อีก
FedCM: รองรับข้อกำหนดของสื่อกลางในการจัดการข้อมูลเข้าสู่ระบบสำหรับการตรวจสอบสิทธิ์ซ้ำโดยอัตโนมัติ
รองรับข้อกำหนดของสื่อกลางการจัดการเอกสารรับรองเพื่อมอบ UX การตรวจสอบสิทธิ์อีกครั้งที่มีประสิทธิภาพสำหรับผู้ใช้ที่สร้างบัญชีแบบรวมศูนย์บนเว็บไซต์ด้วย FedCM API
การอัปเกรด HTTPS
อัปเกรดการนำทางในเมนเฟรมทั้งหมดให้เป็นแบบ HTTPS อย่างมีประสิทธิภาพโดยอัตโนมัติ พร้อมการสำรองไปยัง HTTP อย่างรวดเร็ว
การแบ่งพาร์ติชันพื้นที่เก็บข้อมูล, Service Worker และ API การสื่อสาร
Chrome จะแบ่งพาร์ติชัน API พื้นที่เก็บข้อมูลและ API การสื่อสารในบริบทของบุคคลที่สาม เพื่อป้องกันการติดตามข้ามเว็บไซต์บางประเภท ซึ่งรวมถึงพื้นที่เก็บข้อมูลที่มีการจัดการโควต้า, Service Worker และ API การสื่อสาร (เช่น BroadcastChannel) โปรดดูรายละเอียดเพิ่มเติมในเอกสารประกอบเกี่ยวกับการแบ่งพาร์ติชันพื้นที่เก็บข้อมูล
ระยะเวลาของทรัพยากร: แสดงเวลาตอบสนองชั่วคราว
แสดง PerformanceResourceTiming.firstInterimResponseStart ในกรณีที่การนำทางหรือการดึงข้อมูลทรัพยากรย่อยพบการตอบกลับ 1xx ชั่วคราว ตัวอย่างเช่น เมื่อมีการดำเนินการต่อ 100 รายการหรือคำแนะนำเบื้องต้น 103 รายการ ตอนนี้ firstInterimResponseStart จะสอดคล้องกับเวลาของคำตอบชั่วคราวรายการแรก ขณะที่ responseStart จะสอดคล้องกับคำตอบสุดท้าย เช่น สถานะ 200
การอัปเดต "xml" การจัดการคำนำหน้าใน lookupNamespaceURI() และ createNSResolver()
Node.lookupNamespaceURI() รองรับ "xml" และ "xmlns" นำหน้าโดยค่าเริ่มต้น ฟังก์ชันดังกล่าวจะแสดงสตริงเนมสเปซแบบคงที่สำหรับสตริงเหล่านั้น Document.createNSResolver() และ XPathEvaluator.createNSResolver() จุดตัดเพื่อรวมโหนดที่ระบุเพื่อเพิ่ม "xml" การจัดการคำนำหน้า พวกเขาจะแสดงโหนดที่ระบุตามที่เป็น ตอนนี้นักพัฒนาเว็บใช้องค์ประกอบเป็น XPathNSResolver ได้โดยไม่ต้องล้อมรอบด้วย createNSResolver()
VisibilityStateEntry
แสดงสถานะระดับการเข้าถึง (มองเห็นได้หรือซ่อน) ในไทม์ไลน์ประสิทธิภาพ ไทม์ไลน์จะมีรายการที่มี startTime เป็น 0 และสถานะการเปิดเผยเริ่มต้น ตลอดจนรายการที่สอดคล้องกับการเปลี่ยนแปลงสถานะการเปิดเผยใดๆ เสมอ
WGSLLanguageFeatures สำหรับ WebGPU
เพิ่ม Getter wgslLanguageFeatures บนออบเจ็กต์ GPU สำหรับ WebGPU และประเภท WGSLLanguageFeatures ที่เกี่ยวข้อง
คำสั่ง WebDriver สำหรับการโต้ตอบกับกล่องโต้ตอบ FedCM
การดำเนินการนี้จะแสดงคำสั่ง WebDriver หลายรายการเพื่อเปิดใช้การทำงานอัตโนมัติของเบราว์เซอร์ เช่น การทดสอบอัตโนมัติ ให้โต้ตอบกับกล่องโต้ตอบ FedCM
ช่วงทดลองใช้จากต้นทางอยู่ระหว่างดำเนินการ
ใน Chrome 115 คุณสามารถเลือกใช้การทดสอบต้นทางใหม่ดังต่อไปนี้
ความกดอากาศในการประมวลผล
Compute Pressure API มีข้อมูลระดับสูงเกี่ยวกับสถานะปัจจุบันของฮาร์ดแวร์อุปกรณ์ เพื่อให้เว็บไซต์สามารถหาจุดสมดุลที่เหมาะสมสำหรับผู้ใช้ ตั้งแต่ใช้ประโยชน์จากพลังการประมวลผลที่มีไปจนถึงทำให้ระบบอยู่ภายใต้ความเครียดที่จัดการไม่ได้ ความดันการประมวลผลเป็นคำทั่วไปตามการออกแบบ ตอนนี้ระบบจะคํานวณตามปริมาณการใช้ CPU แต่แผนการในอนาคตจะใช้สัญญาณจากอุณหภูมิและสถานะแบตเตอรี่ เป็นต้น ดูข้อมูลเพิ่มเติมในประกาศเกี่ยวกับช่วงทดลองใช้ Compute Pressure จากต้นทางครั้งที่ 2
ลงทะเบียนเพื่อทดลองใช้ Compute Pressure ต้นทาง
รวบรวมคำแนะนำอย่างโจ่งแจ้งพร้อมความคิดเห็นสุดมหัศจรรย์
อนุญาตให้แนบข้อมูลเกี่ยวกับฟังก์ชันที่ควรได้รับการแยกวิเคราะห์และคอมไพล์ในไฟล์ JavaScript โดยข้อมูลดังกล่าวจะเข้ารหัสเป็นความคิดเห็นมหัศจรรย์ เราจะทดลองใช้รูปแบบความคิดเห็นมหัศจรรย์ต่างๆ เช่น การทำเครื่องหมายฟังก์ชันทั้งหมดในไฟล์เพื่อต้องการคอมไพล์แบบต่อเนื่อง หรือทำเครื่องหมายเฉพาะฟังก์ชันย่อย
ลงทะเบียนเพื่อรับคำแนะนำการรวบรวมอย่างชัดแจ้งด้วยช่วงทดลองใช้จากต้นทางการแสดงความคิดเห็นอัจฉริยะ
API เฟรมของภาพเคลื่อนไหวแบบยาว
ซึ่งเป็นส่วนขยายของ Long Tasks API โซลูชันนี้จะวัดงานร่วมกับการอัปเดตการแสดงผลครั้งต่อๆ ไป โดยเพิ่มข้อมูล เช่น สคริปต์ที่ใช้เวลานาน เวลาในการแสดงผล และเวลาที่ใช้ในการจัดรูปแบบและสไตล์ที่บังคับ หรือที่เรียกว่าการชนะเลย์เอาต์ นักพัฒนาแอปสามารถใช้ค่านี้เพื่อวินิจฉัย "ความช้า" ซึ่งวัดโดยการโต้ตอบกับ Next Paint (INP) โดยการค้นหาสาเหตุของความแออัดของชุดข้อความหลักซึ่งมักเป็นสาเหตุของ INP ที่ไม่ดี
ลงทะเบียนเพื่อทดลองใช้เฟรมภาพเคลื่อนไหวแบบยาวจากต้นทาง
API ที่เก็บข้อมูลของพื้นที่เก็บข้อมูล
ที่เก็บข้อมูลของพื้นที่เก็บข้อมูลช่วยให้เว็บไซต์สร้างที่เก็บข้อมูลของพื้นที่เก็บข้อมูลหลายที่เก็บข้อมูลเพื่อจัดระเบียบข้อมูลของตนได้ ซึ่งช่วยให้ User Agent ลบที่เก็บข้อมูลแต่ละชุดแยกกันได้โดยแยกต่างหากจากที่เก็บข้อมูลอื่นๆ ที่เก็บข้อมูลของพื้นที่เก็บข้อมูลแต่ละชุดสามารถจัดเก็บข้อมูลที่เชื่อมโยงกับ API พื้นที่เก็บข้อมูลที่สร้างขึ้นได้ เช่น IndexedDB และ CacheStorage ลงทะเบียนเพื่อทดลองใช้ Storage Buckets API จากต้นทาง
การเลิกใช้งานและการนำออก
Chrome เวอร์ชันนี้แนะนำการเลิกใช้งานและการนำออกตามที่ระบุไว้ด้านล่าง ไปที่ ChromeStatus.com เพื่อดูรายการการเลิกใช้งานที่วางแผนไว้ การเลิกใช้งานปัจจุบัน และการนำออกก่อนหน้านี้
Chrome รุ่นนี้เลิกใช้งานฟีเจอร์ 2 อย่าง
เลิกใช้งานตัวตั้งค่า document.domain
เลิกใช้งานตัวตั้งค่า document.domain เนื่องจากอนุญาตให้นักพัฒนาแอปผ่อนปรนนโยบายต้นทางเดียวกัน ซึ่งทำให้ขอบเขตความปลอดภัยพื้นฐานที่เรามุ่งหวังจะรักษามีความซับซ้อนขึ้น และทำให้ Roadblock ขัดขวางการเปลี่ยนแปลงโมเดลกระบวนการของ Chromium หลังสเปกต์
ไปที่ Chrome ปิดใช้การแก้ไข document.domain สำหรับทางเลือกอื่นๆ ในการใช้ document.domain ในกรณีการใช้งานส่วนใหญ่ postMessage() แบบข้ามต้นทางหรือ Channel Messaging API สามารถแทนที่ document.domain ได้ ในกรณีสุดท้าย คุณสามารถเลือกใช้โดเมนเอกสารผ่านคลัสเตอร์ Agent ที่ผูกกับต้นทาง ตัวตั้งค่าจะยังคงอยู่ แต่ต้นทางจะไม่เปลี่ยนแปลง
เลิกใช้งาน Mutation Event
Mutation Event ซึ่งรวมถึง DOMSubtreeModified, DOMNodeInserted, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMNodeInsertedIntoDocument เลิกใช้งานแล้วจากข้อกำหนดในปี 2011 และใช้ Mutation Observer API แทนที่ในปี 2012 คุณต้องย้ายข้อมูลการใช้งาน Mutation Event ที่ล้าสมัยไปยัง Mutation Observer ก่อนที่จะนำออกใน Chrome 127 (20 กรกฎาคม 2024)
ดูข้อมูลเพิ่มเติมเกี่ยวกับการเลิกใช้งาน Mutation Event