เผยแพร่: 12 กุมภาพันธ์ 2026
เรายินดีที่จะประกาศเปิดตัว Interop 2026 ซึ่งเป็นความพยายามที่จะเพิ่มความสามารถในการทำงานร่วมกันของฟีเจอร์หลักๆ ของแพลตฟอร์มเว็บในเบราว์เซอร์ต่างๆ Interop 2026 ซึ่งดำเนินการโดยทีมตัวแทนจากบริษัทที่สร้างผลงานสำคัญให้กับเครื่องมือการแสดงผลของเบราว์เซอร์ ซึ่งรวมถึง Apple, Google, Igalia, Microsoft และ Mozilla มุ่งเน้นไปที่ฟีเจอร์ที่มีลำดับความสำคัญสูงสำหรับนักพัฒนาเว็บและผู้ใช้ปลายทาง
การทดสอบที่เลือกจะทำงานอย่างต่อเนื่องในโครงสร้างพื้นฐานการทดสอบอัตโนมัติ โดยมีอัตราการผ่านแสดงในแดชบอร์ด Interop 2026 ซึ่งสอดคล้องกับความพยายามของ Interop ก่อนหน้านี้
ด้านที่มุ่งเน้น
โดยโฟกัสสำหรับปี 2026 จะรวมถึงหลายด้านที่ระบุว่าเป็นปัญหาการทำงานร่วมกันที่สำคัญในการสำรวจ State of HTML และ State of CSS เราติดตามปัญหาเหล่านี้ใน webstatus.dev ฟีเจอร์หลายอย่างที่รวมไว้ในปีนี้ยังปรากฏในปัญหาที่ขอมา 20 อันดับแรกใน ที่เก็บสัญญาณของนักพัฒนาซอฟต์แวร์ด้วย
การวางตำแหน่ง Anchor
ปรากฏใน: ปัญหาการทำงานร่วมกันที่สำคัญ สัญญาณของนักพัฒนาแอป การวางตำแหน่ง Anchor
การวางตำแหน่ง Anchor ช่วยให้คุณวางองค์ประกอบตามตำแหน่งขององค์ประกอบอื่นได้ เช่น วางเคล็ดลับเครื่องมือข้างเนื้อหาที่อ้างอิง โฟกัสนี้ต่อเนื่องจาก Interop 2025 และรวมเฉพาะการทดสอบจากปี 2025
การค้นหารูปแบบคอนเทนเนอร์
ปรากฏใน: ปัญหาการทำงานร่วมกันที่สำคัญ สัญญาณของนักพัฒนาแอป การค้นหาสไตล์คอนเทนเนอร์
การค้นหาสไตล์คอนเทนเนอร์จะใช้สไตล์กับองค์ประกอบโดยอิงตามค่าที่คำนวณแล้วของพร็อพเพอร์ตี้ที่กำหนดเองของคอนเทนเนอร์ โดยใช้กฎ @container @ ร่วมกับฟังก์ชัน style() อย่างน้อย 1 รายการ
กล่องโต้ตอบและป๊อปโอเวอร์
ปรากฏใน: ปัญหาการทำงานร่วมกันยอดนิยม สัญญาณของนักพัฒนาแอป ปิดโดย คำแนะนำ
สำหรับ Interop 2026 การทำงานในองค์ประกอบ <dialog> และ Popover API จะมุ่งเน้นที่
- แอตทริบิวต์
<dialog closedby>ซึ่งตั้งค่าการกระทำของผู้ใช้ที่ปิดกล่องโต้ตอบ (เช่น การคลิกนอกกล่องโต้ตอบ) :openคลาสเสมือน CSS ซึ่งตรงกับองค์ประกอบที่มีสถานะเปิดpopover="hint"แอตทริบิวต์ส่วนกลางซึ่งสร้างป๊อปโอเวอร์ที่อยู่ใต้ป๊อปโอเวอร์อัตโนมัติอื่นๆ ซึ่งมีประโยชน์สำหรับเคล็ดลับเครื่องมือ
ภาพเคลื่อนไหวที่ขับเคลื่อนด้วยการเลื่อน
ปรากฏใน: ปัญหาการทำงานร่วมกันที่พบบ่อย
ซึ่งรวมถึงพร็อพเพอร์ตี้ CSS animation-timeline, scroll-timeline และ view-timeline ซึ่งจะเลื่อนภาพเคลื่อนไหวตามตำแหน่งการเลื่อนของผู้ใช้
ดูการเปลี่ยน
ปรากฏใน: ปัญหาการทำงานร่วมกันยอดนิยม สัญญาณของนักพัฒนาซอฟต์แวร์ การเปลี่ยนมุมมองข้ามเอกสาร
Interop 2025 ได้นำการเปลี่ยนมุมมองในเอกสารเดียวกันมาสู่ Baseline Newly available สำหรับ Interop 2026 งานการเปลี่ยนมุมมองจะมุ่งเน้นที่
- ปรับปรุงการเปลี่ยนมุมมองเอกสารเดียวกัน
- แอตทริบิวต์
blocking="render"สำหรับ<link>,<script>และ<style> - แอตทริบิวต์
<link rel="expect"> :active-view-transition-type()คลาสสมมติ CSS- การเปลี่ยนมุมมองข้ามเอกสาร
attr()ฟังก์ชัน CSS
ปรากฏในสัญญาณของนักพัฒนาแอป attr()
ฟังก์ชัน attr() CSS จะแสดงผลค่าของแอตทริบิวต์ขององค์ประกอบ HTML โดยมีตัวเลือกในการแสดงผลค่านั้นเป็นประเภทที่เฉพาะเจาะจงหรือมีหน่วยที่เฉพาะเจาะจง
นอกจากฟีเจอร์หลักเหล่านี้ที่คุณไฮไลต์ไว้ในแบบสำรวจแล้ว Interop 2026 ยังมีฟีเจอร์ต่อไปนี้ด้วย
contrast-color()ฟังก์ชัน CSS
contrast-color()ฟังก์ชัน CSS จะเลือกสีที่มีคอนทราสต์ที่รับประกันกับสีพื้นหน้าหรือพื้นหลังที่ระบุ
ไฮไลต์ที่กำหนดเอง
ไฮไลต์ที่กำหนดเองช่วยให้คุณจัดรูปแบบช่วงข้อความใดก็ได้โดยไม่ต้องเพิ่มองค์ประกอบพิเศษลงใน DOM
ดึงข้อมูลการอัปโหลดและช่วง
การทำงานในเมธอด fetch() มุ่งเน้นที่ ReadableStream ในเนื้อหาเพื่อสตรีมข้อมูลไปยังเซิร์ฟเวอร์ รองรับ FormData และประเภทสื่อสำหรับคำขอและการตอบกลับ รวมถึงรองรับส่วนหัว Range
IndexedDB
พื้นที่โฟกัสของ IndexedDB มุ่งเป้าไปที่เมธอด getAllRecords() ของ IDBObjectStore และ IDBIndex ซึ่งจะช่วยเพิ่มความเร็วในการดำเนินการอ่านในชุดข้อมูลขนาดใหญ่โดยการแสดงระเบียนและคีย์หลักเป็นกลุ่ม
JSPI สำหรับ Wasm
JavaScript Promise Integration API (JSPI) ช่วยให้แอปพลิเคชัน Wasm ที่คาดหวังการเข้าถึงฟังก์ชันการทำงานภายนอกแบบซิงโครนัสทำงานในสภาพแวดล้อมที่ฟังก์ชันการทำงานนั้นเป็นแบบอะซิงโครนัส
คลาสเทียมของสื่อ
ส่วนนี้รวมถึงคลาสเสมือน CSS :playing, :paused, :seeking, :buffering, :stalled, :muted และ :volume-locked ซึ่งตรงกับองค์ประกอบ <audio> และ <video> ตามสถานะขององค์ประกอบ
Navigation API
ในปีนี้ เราจะมุ่งเน้นการปรับปรุงความสามารถในการทำงานร่วมกันของ Navigation API อย่างต่อเนื่อง และprecommitHandler ตัวเลือกในการnavigateEvent.intercept() ซึ่งจะเลื่อนการคอมมิตจนกว่าแฮนเดิลจะได้รับการแก้ไข
รีจิสทรีขององค์ประกอบที่กำหนดเองที่กำหนดขอบเขต
ตัวสร้าง CustomElementRegistry() จะสร้างรีจิสทรีขององค์ประกอบที่กำหนดเองใหม่แยกจากรีจิสทรีส่วนกลาง ซึ่งช่วยให้องค์ประกอบที่กำหนดเองหลายรายการที่มีชื่อแท็กเดียวกันอยู่ร่วมกันได้
การสแนปการเลื่อน
พื้นที่โฟกัสนี้ครอบคลุมการเลื่อน CSS ที่มีลักษณะการยึด ซึ่งควบคุมลักษณะการทำงานของการเลื่อนและการแพนภายในคอนเทนเนอร์การเลื่อน
shape()ฟังก์ชัน CSS
shape() ฟังก์ชัน CSS จะสร้างรูปร่างโดยใช้คำสั่งต่างๆ เช่น line, move และ curve และใช้ร่วมกับ clip-path และ shape-outside ได้
ความเข้ากันได้ของเว็บ
พื้นที่นี้มุ่งเน้นไปที่ปัญหาการทำงานร่วมกันที่เฉพาะเจาะจงซึ่งก่อให้เกิดปัญหาในโลกแห่งความเป็นจริง ซึ่งรวมถึง
- การโหลดโมดูล ESM
- เวลาของเหตุการณ์การเลื่อนเทียบกับเหตุการณ์ภาพเคลื่อนไหว
- เลิกใช้คำนำหน้าพร็อพเพอร์ตี้
-webkit-user-select
WebRTC
สำหรับ Interop 2026 งานจะมุ่งเน้นไปที่การแก้ไขการทดสอบที่เหลือซึ่งไม่ผ่านจากโฟกัสของ Interop 2025 และปรับปรุงความสามารถในการทำงานร่วมกันของ WebRTC ต่อไป
WebTransport API
ส่วนนี้ครอบคลุม WebTransport API ซึ่งส่งข้อมูลระหว่างไคลเอ็นต์กับเซิร์ฟเวอร์โดยใช้โปรโตคอล HTTP/3
พร็อพเพอร์ตี้ zoom CSS
จาก Interop 2025 พื้นที่นี้มุ่งเน้นที่พร็อพเพอร์ตี้ zoom CSS ซึ่งปรับขนาดขององค์ประกอบและส่งผลต่อเลย์เอาต์หน้าเว็บ
ความพยายามในการตรวจสอบ
นอกจากนี้ Interop 2026 ยังรวมถึงความพยายามในการตรวจสอบเพื่อเตรียมฟีเจอร์ในอนาคตสำหรับการทดสอบและงานด้านการทำงานร่วมกันด้วย
- การทดสอบการช่วยเหลือพิเศษ: มุ่งมั่นที่จะสร้างโครงสร้างการช่วยเหลือพิเศษที่สอดคล้องกันในเบราว์เซอร์ต่างๆ และปรับปรุงโครงสร้างพื้นฐานของ WPT
- JPEG XL: มุ่งเน้นที่การทำให้รูปแบบรูปภาพ JPEG XL สามารถทดสอบได้ รวมถึงการกำหนดข้อกำหนดสำหรับการแสดงผลแบบก้าวหน้า
- การทดสอบบนอุปกรณ์เคลื่อนที่: การปรับปรุงโครงสร้างพื้นฐานของ WPT เพื่อทดสอบฟีเจอร์เฉพาะสำหรับอุปกรณ์เคลื่อนที่ เช่น การเปลี่ยนแปลงวิวพอร์ตแบบไดนามิก
- WebVTT: แก้ไขการทดสอบและอัปเดตเอกสารประกอบเพื่อปรับปรุงความเข้าใจเกี่ยวกับการปฏิบัติตามมาตรฐาน
ติดตามความคืบหน้าจนถึงปี 2026
ติดตามความคืบหน้าของโปรเจ็กต์ได้ในแดชบอร์ด Interop 2026