ฟีเจอร์ Window Controls Overlay สามารถทำให้เว็บแอปดูและรู้สึกเหมือนแอปเดสก์ท็อปแบบเนทีฟมากขึ้น

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

เว็บแอปและแอปเดสก์ท็อปดั้งเดิมจะมีลักษณะคล้ายกันในปัจจุบัน ยกเว้นว่าแอปเดิมใช้ประสบการณ์แถบชื่อเรื่องที่เป็นค่าเริ่มต้น ซึ่งมีข้อมูลที่เกี่ยวข้องกับชื่อเว็บไซต์และปุ่มควบคุมอื่นๆ และตอนนี้ ด้วยการรวม Window Controls Overlay เข้าด้วยกัน นักพัฒนาสามารถใช้พื้นที่ทั้งหมดที่ปกติจะแสดงแถบชื่อเรื่องเริ่มต้น อย่างไรก็ตาม ปุ่มหน้าต่างที่มีความสำคัญต่อระบบจะไม่เปลี่ยนแปลง

ตอนนี้นักพัฒนาสามารถใช้พื้นที่พิเศษนี้เพื่อแสดงชื่อที่กำหนดเอง แถบเมนู ข้อมูลบัญชีบางส่วน แท็บการนำทาง และอื่นๆ บนเว็บแอปเพื่อให้มีลักษณะเหมือนแอปเดสก์ท็อปทั่วไป ภาพด้านบนที่โพสต์โดย Microsoft อธิบายได้ดีว่าการเปลี่ยนแปลง Window Controls Overlay จะเกิดขึ้นเมื่อคุณใช้โซลูชัน

Microsoft เสนอ Window Control Overlay ในเดือนมิถุนายน พ.ศ. 2022 แต่บริษัทใช้เวลามากขึ้นในการสร้างการติดตั้งใช้งานใน Chromium ในช่วงต้น และตอนนี้ หลังจากผ่านไปกว่าสองปี ในที่สุด Microsoft ก็ทำให้เป็นประสบการณ์เริ่มต้นสำหรับทุกคนใน Microsoft Edge Google Chrome ที่มีเวอร์ชัน 105 และยังมีให้ใช้งานใน Opera 91 ด้วย

ในการเลือกใช้ฟังก์ชันนี้ นักพัฒนาจำเป็นต้องใช้ปุ่ม display_override รายการสมาชิกและตั้งค่าเป็น [“หน้าต่างควบคุมซ้อนทับ“]. นอกจากนี้ยังจะต้องใหม่ แถบชื่อเรื่อง-พื้นที่-* ตัวแปรสภาพแวดล้อม CSS และ navigator.windowControlsOverlay JavaScript API ใหม่ Microsoft แนะนำให้นักพัฒนาตรวจสอบ เอกสารทางเทคนิค เช่นเดียวกับ เครือข่ายนักพัฒนา Mozilla เอกสารอ้างอิงเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการรวมโซลูชันใหม่เข้ากับเว็บแอป