ฟีเจอร์ WebKit ใน Safari 17.0

• ฟีเจอร์ของ Safari 17.0 ที่มาพร้อมกับ iOS/iPadOS 17

HTML

• องค์ประกอบ <search> ใหม่
• เพิ่มการรองรับแอตทริบิวต์ popover แบบ auto/manual
• สามารถใช้ <hr> เป็นตัวคั่นภายใน <select> ได้

CSS

• เพิ่ม from-font และไวยากรณ์ใหม่ให้กับ font-size-adjust (ปรับ ex-height, cap-height, ch-width, ic-width, ic-height เป็นต้น)
• เพิ่ม full-width / full-size-kana ใน text-transform
• ทดสอบการรองรับฟอนต์: @supports font-format() / @supports font-tech()
• Hyphenation: hyphens: auto/manual เพิ่มยัติภังค์เมื่อข้อความขึ้นหลายบรรทัด
• รองรับ @counter-style
• แก้ปัญหาด้านการเข้าถึงของ display:contents
• รองรับ Media Queries Level 4
• ปรับปรุง image-set()
• Container Queries: รองรับ CSSOM (CSS Object Model)

JavaScript และ Web API

• รองรับ Storage API: เดิมจำกัดที่ 1GB ตอนนี้คำนวณตามความจุดิสก์รวม
• รองรับ WebGL บน Offscreen Canvas ด้วย
• Canvas: CanvasRenderingContext2D.drawImage() รองรับหลายแหล่งที่มาของภาพที่จะวาดลงบนแคนวาส
• เพิ่มการรองรับ 2 อย่างใน regex
  • RegExp v flag with set notation + properties of strings
  • RegExp duplicate named capture groups.
• เพิ่มเมธอดให้ Set: intersection(), union(), difference(), isSubsetOf(), isSuperSetOf(), symmetricDifference() ,isDisjointFrom()
• Gamepad API: Gamepad.prototype.vibrationActuator
• URL API: เพิ่ม URL.canParse(tentativeURL, optionalBase) รวมถึง has(), delete()
• สามารถใช้ relative URL ในตัวสร้าง WebSocket ได้
• รองรับ <link rel="modulepreload">

รูปภาพและวิดีโอ

• เพิ่มการรองรับ JPEG XL
• รองรับภาพ HEIC
• เพิ่มการรองรับการถอดรหัสวิดีโอ AV1 ด้วยฮาร์ดแวร์ (iPhone 15 Pro และ 15 Pro Max)
• รองรับ Managed Media Source API
• มี Media player stats overlay สำหรับนักพัฒนา
• รองรับ Opus แบบ stereo-only ในคอนเทนเนอร์ WebM และ MPEG-4
• รองรับกล้อง USB บน iPadOS 17

Web Apps บน Mac

• เพิ่มเว็บไซต์ใดก็ได้ลงใน Dock ผ่าน File > Add to Dock
  • เว็บแอปทำงานได้เหมือนแอปทั่วไป เช่น Stage Manager / Mission Control / Command-Tab / คีย์ลัดคีย์บอร์ด
  • เรียกใช้งานได้จาก Launchpad / Spotlight Search
• รองรับ service worker
• หากมี Web App Manifest สามารถปรับแต่ง display mode, ชื่อ, theme color, start URL เป็นต้น ได้
• รองรับ Add to Home Screen ใน Safari View Controller ด้วย

เครื่องมือสำหรับนักพัฒนาเว็บ

• ปรับโฉมเมนู Develop
• ยกเครื่องแผง Feature Flags ใหม่ทั้งหมด
• แผงตั้งค่านักพัฒนาแบบใหม่
• โอเวอร์เลย์การตั้งค่าแบบใหม่สำหรับแต่ละแท็บ
• โหมด Responsive Web Design ที่ออกแบบใหม่
• สามารถเปิดใช้ Simulator จากหน้าใดก็ได้ใน Safari โดยตรง
• ปรับปรุง Web Inspector

ความปลอดภัย

• แยก GPU process ออกจาก WebContent process

การเปลี่ยนแปลงของเบราว์เซอร์

• เพิ่ม Safari Profiles
• ปรับปรุง Safari Private Browsing
• รองรับ Live Text
• รองรับ Apple Pay ผ่าน Payment Request API
• รองรับ Lockdown Mode

Safari Extensions

• Safari App Extensions มีสิทธิ์แบบรายเว็บไซต์เช่นเดียวกับ Safari Web Extensions
• สามารถปิดส่วนขยายได้เมื่อใช้ Private Browsing
• เปิดหรือปิดส่วนขยายทั้งหมดแยกตาม Safari Profile ได้