Interop 2026 เริ่มต้นแล้ว

 (webkit.org)
8 คะแนน โดย GN⁺ 2026-02-19 | ยังไม่มีความคิดเห็น | แชร์ทาง WhatsApp
  • โปรเจ็กต์ประจำปี Interop 2026 ที่เอนจินเบราว์เซอร์หลักร่วมมือกันเพื่อยกระดับ ความเข้ากันได้ของมาตรฐานเว็บ (Interoperability) ได้เริ่มขึ้นแล้ว
  • จะมีการทดสอบใน 20 พื้นที่หลัก โดยในจำนวนนี้ 15 รายการเป็นหัวข้อใหม่
  • ปีนี้มีการปรับปรุงฟีเจอร์ที่ใช้งานได้จริง เช่น การขยาย CSS attr(), WebTransport, JSPI for Wasm, IndexedDB getAllRecords()
  • นอกจากนี้ยังมุ่งเป้าให้ฟีเจอร์ด้านการแสดงผลอย่าง Scroll-driven Animations, View Transitions, contrast-color(), Container Style Queries ทำงานได้สอดคล้องกัน
  • โปรเจ็กต์นี้เป็นความร่วมมือของ Apple, Google, Microsoft, Mozilla, Igalia และองค์กรอื่น ๆ เพื่อมอบแพลตฟอร์มร่วมที่เชื่อถือได้มากขึ้นให้แก่นักพัฒนาเว็บ

ภาพรวมของ Interop 2026

  • โปรเจ็กต์ Interop เป็นโครงการความร่วมมือที่เอนจินหลักร่วมกันทดสอบเพื่อลด ความแตกต่างในการนำเทคโนโลยีเว็บไปใช้งานจริง ระหว่างเบราว์เซอร์
    • แต่ละฟีเจอร์จะถูกประเมินโดยยึดตามความสอดคล้องกับ ข้อกำหนดมาตรฐานเว็บ อย่างเป็นทางการ
    • มีการวัดความสามารถในการทำงานร่วมกันแบบอัตโนมัติผ่าน Web Platform Tests(WPT)
  • Safari ได้รองรับหลายฟีเจอร์ล่วงหน้าไปแล้ว และใน Interop 2026 ครั้งนี้จะเน้นที่ การปิดช่องว่างด้านความเข้ากันได้ที่ยังเหลืออยู่
  • 20% ของฟีเจอร์สำคัญในปีนี้ประกอบด้วย 4 รายการ ได้แก่ advanced attr(), IndexedDB getAllRecords(), WebTransport, JSPI for Wasm
  • แดชบอร์ดอย่างเป็นทางการของ Interop 2026 - https://wpt.fyi/interop-2026

ประเด็นโฟกัสหลักของปี 2026 (20 รายการ)

  • จากทั้งหมด 20 รายการ มี 15 รายการเป็นของใหม่ และอีก 5 รายการต่อเนื่องมาจาก Interop 2025
    • รายการสำคัญ ได้แก่ Anchor Positioning, Container Style Queries, contrast-color(), Custom Highlights, การปรับปรุง Dialog/Popover, Fetch Uploads & Ranges, Navigation API, Scroll-driven Animations, Scroll Snap, shape(), View Transitions, WebRTC, WebTransport, CSS Zoom เป็นต้น
  • แต่ละรายการมีเป้าหมายเพื่อปรับปรุงข้อกำหนด ยกระดับการทดสอบ และทำให้การนำไปใช้งานมีความสอดคล้องกัน

รายละเอียดของฟีเจอร์สำคัญ

  • Anchor Positioning

    • ฟีเจอร์สำหรับจัดวางองค์ประกอบโดยอิงตำแหน่งซึ่งกันและกัน เป็นหัวข้อที่ต่อเนื่องมาตั้งแต่ปี 2025
    • ปีนี้เน้นที่ การทำให้ข้อกำหนดชัดเจนขึ้น, ทำให้การทดสอบเสถียรขึ้น, เพิ่มความน่าเชื่อถือ

  • Advanced attr()

    • ขยายความสามารถให้สามารถนำค่าแอตทริบิวต์ของ HTML ไปใช้กับพร็อพเพอร์ตี CSS ได้อย่างกว้างขวาง
    • attr() ที่เดิมจำกัดอยู่กับพร็อพเพอร์ตี content จะสามารถแปลงเป็น ชนิดข้อมูลหลากหลาย เช่น สี ความยาว มุม ได้
    • หลังจากแก้ปัญหาด้านความปลอดภัยแล้ว จึงมีการผลักดัน การนำไปใช้งานร่วมกันในทุกเบราว์เซอร์

  • Container Style Queries

    • ใช้สไตล์แบบมีเงื่อนไขตาม ค่าพร็อพเพอร์ตีแบบกำหนดเอง ของคอนเทนเนอร์
    • Safari รองรับมาตั้งแต่ 18.0 และจะใช้ Interop 2026 เพื่อให้ ทุกเบราว์เซอร์ทำงานได้สอดคล้องกัน

  • contrast-color()

    • เลือก สีดำหรือขาว ที่มีคอนทราสต์เหมาะสมกับสีที่กำหนดโดยอัตโนมัติ
    • Safari และ Firefox เริ่มรองรับในปี 2025 และโปรเจ็กต์นี้จะผลักดันให้ รองรับได้ทุกเบราว์เซอร์

  • Custom Highlights

    • ใช้ CSS Custom Highlight API เพื่อสไตล์ช่วงข้อความได้โดยไม่ต้องเปลี่ยนโครงสร้าง DOM
    • สามารถใช้ ::highlight() และ pseudo-element ::target-text เพื่อทำผลการค้นหา ไฮไลต์โค้ด และการแก้ไขร่วมกันได้

  • การปรับปรุง Dialog และ Popover

    • เพิ่ม closedby, popover="hint", pseudo-class :open ให้กับ <dialog> และแอตทริบิวต์ popover
    • เป็นฟีเจอร์ ปรับปรุง UI overlay เพื่อเพิ่มการเข้าถึงและประสบการณ์ผู้ใช้

  • Fetch Uploads & Ranges

    • เพิ่ม การอัปโหลดแบบสตรีมมิง, การปรับปรุง FormData, รองรับ Range header ให้กับ API fetch()
    • ช่วยให้ รับส่งข้อมูลได้อย่างมีประสิทธิภาพ ในงานอย่างการอัปโหลดขนาดใหญ่และการดาวน์โหลดบางส่วน

  • IndexedDB getAllRecords()

    • เพิ่มเมธอด getAllRecords() ให้กับ IDBObjectStore และ IDBIndex
    • รองรับ การดึงข้อมูลแบบแบตช์และการค้นหาแบบย้อนลำดับ เพื่อเพิ่มประสิทธิภาพ

  • JSPI for Wasm

    • ใช้ JavaScript Promise Integration API เพื่อเชื่อมช่องว่างระหว่างการทำงาน อะซิงก์/ซิงก์ ของ WebAssembly
    • ทำให้สามารถ พอร์ตแอปพลิเคชัน C/C++/Rust เดิมขึ้นเว็บได้ง่าย

  • Media Pseudo-classes

    • มี 7 pseudo-class ที่ทำให้ใช้ CSS ตามสถานะของ <audio> และ <video> ได้
      • ตัวอย่าง: :playing, :paused, :muted เป็นต้น
    • Safari รองรับอยู่แล้ว และโปรเจ็กต์นี้จะช่วย ขยายไปยังเบราว์เซอร์อื่น

  • Navigation API

    • เป็น API ควบคุมการนำทางแบบใหม่ ที่มาแทน history.pushState() ซึ่งซับซ้อนในการพัฒนา SPA
    • ใน Interop 2025 ผ่านการทดสอบ 92.3% และในปี 2026 จะเพิ่มตัวเลือก precommitHandler

  • Scoped Custom Element Registries

    • สามารถสร้าง CustomElementRegistry แยกตามสโคป เพื่อแก้ปัญหา การชนกันในระดับ global
    • Safari 26.0 เป็นผู้เริ่มนำไปใช้งานก่อน และโปรเจ็กต์นี้จะผลักดันให้ ทุกเบราว์เซอร์ทำงานสอดคล้องกัน

  • Scroll-driven Animations

    • ควบคุม แอนิเมชันด้วย CSS ตามตำแหน่งการเลื่อน ได้
    • Safari 26.0 เริ่มรองรับแล้ว และกำลังผลักดัน มาตรฐานของอินเทอร์แอกชันที่อิงการเลื่อน

  • Scroll Snap

    • ควบคุม การจัดแนวและพฤติกรรมการสแนป ภายในคอนเทนเนอร์ที่เลื่อนได้
    • กำลังมีการปรับปรุงโดยอิงการทดสอบเพื่อแก้ ความไม่สอดคล้องที่เกิดจากการเปลี่ยนแปลงข้อกำหนดเก่า

  • shape()

    • สามารถกำหนด รูปทรงผสมที่อิงเส้นโค้ง ให้กับ clip-path และ shape-outside ได้
    • Safari รองรับตั้งแต่ 18.4 และมีเป้าหมายให้ การแสดงเส้นโค้งแบบ responsive มีความสอดคล้องกัน

  • View Transitions

    • มอบ เอฟเฟกต์แอนิเมชันระหว่างการเปลี่ยนหน้า
    • เริ่มจากความเข้ากันได้ 90.8% ในปี 2025 และในปี 2026 จะขยายไปถึง การเปลี่ยนข้ามเอกสาร

  • Web Compat

    • ชุดการทดสอบที่ใช้แก้ ปัญหาความเข้ากันได้ที่เกิดขึ้นบนเว็บไซต์จริง
      • รวมถึงการโหลดโมดูล ESM, จังหวะเวลาของเหตุการณ์ scroll/animation, พร็อพเพอร์ตี user-select เป็นต้น

  • WebRTC

    • มาตรฐานสำหรับ การสื่อสารเสียง วิดีโอ และข้อมูลแบบเรียลไทม์
    • ยังคงได้รับการปรับปรุงอย่างต่อเนื่องจากอัตราผ่าน 91.6% ในปี 2025

  • WebTransport

    • API การสื่อสารสองทางบนพื้นฐาน HTTP/3 ที่รองรับ latency ต่ำ และ multi-stream
    • ให้การควบคุมที่ละเอียดกว่า WebSocket และมีโครงสร้างที่เรียบง่ายกว่า WebRTC

  • CSS Zoom

    • ปรับ อัตราขยายขององค์ประกอบและคอนเทนต์ โดยมีผลต่อเลย์เอาต์โดยตรง
    • จากเดิมเป็นพร็อพเพอร์ตีที่ไม่เป็นมาตรฐาน ได้ถูกทำให้เป็นมาตรฐาน และยังคง ปรับปรุงความสอดคล้องต่อเนื่อง จากปี 2025

การสำรวจและงานในอนาคต

  • การทดสอบด้านการเข้าถึง

    • ยังคงปรับปรุงโครงสร้างพื้นฐานการทดสอบเพื่อให้ accessibility tree มีความสอดคล้องกัน ระหว่างเบราว์เซอร์

  • JPEG XL

    • เป็น ฟอร์แมตภาพรุ่นถัดไป ที่รองรับแอนิเมชัน ความโปร่งใส และการบีบอัดแบบไม่สูญเสียข้อมูล
    • Safari เริ่มรองรับตั้งแต่ 17.0 และในอนาคต อาจถูกบรรจุเป็นหัวข้อทดสอบอย่างเป็นทางการ

  • การทดสอบบนมือถือ

    • ปรับปรุงโครงสร้างพื้นฐานการทดสอบสำหรับฟีเจอร์เฉพาะมือถือ เช่น การเปลี่ยนแปลง viewport แบบไดนามิก

  • WebVTT

    • มีการตรวจสอบอย่างต่อเนื่องเพื่อแก้ ความไม่สอดคล้องระหว่างเบราว์เซอร์ ของ มาตรฐานคำบรรยายและซับไตเติล

มุ่งสู่เว็บที่ทำงานร่วมกันได้ดียิ่งขึ้น

  • Interop 2026 ครอบคลุมพื้นที่สำคัญอย่าง ความยืดหยุ่นของ CSS, ทรานซิชันด้านภาพ, การสื่อสารแบบเรียลไทม์, การรับส่งข้อมูล
  • เดินหน้าแก้ปัญหาความไม่สอดคล้องที่มีมานานใน Scroll Snap, shape(), Web Compat และรายการอื่น ๆ
  • ทีม WebKit กำลังร่วมมือกันโดยมีเป้าหมายให้ ทุกเบราว์เซอร์ทำงานได้สอดคล้องกัน
  • ผลลัพธ์คือการมอบ รากฐานแพลตฟอร์มเว็บที่เชื่อถือได้มากขึ้น ให้แก่นักพัฒนา

บทความที่เกี่ยวข้อง

ยังไม่มีความคิดเห็น

ยังไม่มีความคิดเห็น