WebKit เผยฟีเจอร์ใหม่ Safari 27 สำหรับนักพัฒนา เพิ่ม MCP Server ให้ AI Agent ควบคุมเบราว์เซอร์ได้

· 2 min read

WebKit เผยรายละเอียด Safari 27.0 สำหรับนักพัฒนา เพิ่ม Safari MCP server, รองรับ 3D Model, Scroll Anchoring พร้อมแก้ปัญหาเกือบ 850 รายการ

หลัง Apple เริ่มปล่อยระบบปฏิบัติการรุ่นปี 2027 ทาง WebKit ได้เผยรายละเอียดเชิงลึกของ Safari 27.0 สำหรับนักพัฒนา โดยหนึ่งในฟีเจอร์สำคัญคือ Safari MCP server ที่เปิดให้ AI Agent เข้าควบคุมหน้าต่างเบราว์เซอร์ เพื่อช่วยตรวจสอบและ Debug เว็บไซต์ได้สะดวกขึ้น 

นอกจาก MCP แล้ว Safari 27.0 ยังแก้ไขปัญหาเกือบ 850 รายการ พร้อมเพิ่มความสามารถด้าน 3D, Web Inspector, WebAssembly, WebGPU, JavaScript, CSS, WebRTC และเทคโนโลยีเว็บอีกหลายส่วน

Safari MCP Server ให้ AI Agent ตรวจ และ Debug เว็บไซต์

Safari 27.0 เพิ่ม Safari MCP server ซึ่งออกแบบมาสำหรับนักพัฒนาที่ใช้ Coding Agent โดยสามารถให้ Claude Code, Codex หรือ Agent อื่น ๆ เข้าควบคุมหน้าต่าง Safari และดูผลลัพธ์ของโค้ดที่แสดงบนเว็บไซต์ได้โดยตรง

การเปิดใช้งาน Safari MCP ต้องเข้าไปที่: Safari > Settings > Developer

แล้วเปิดตัวเลือก “Allow remote automation and external agents”

อย่างไรก็ตาม เมนู Developer จะแสดงขึ้นมาก็ต่อเมื่อผู้ใช้เปิด “Show features for web developers” ภายใน Safari > Settings > Advanced ก่อน

Safari MCP เปิดให้ Agent เข้าถึงข้อมูลที่เกี่ยวข้องกับการพัฒนาเว็บไซต์ เช่น DOM, Network Request, Screenshot และ Console Output ทำให้ลดขั้นตอนการสลับหน้าต่าง นำ Screenshot ไปใส่ใน Terminal หรือพิมพ์ Prompt อธิบายปัญหาด้วยตัวเอง

Safari MCP ทำอะไรได้บ้าง

Apple ระบุว่า MCP server สามารถช่วย Coding Agent ทำงานร่วมกับ Safari ได้หลายรูปแบบ เช่น

  • ดูว่าโค้ดแสดงผลบน Safari อย่างไร
  • ตรวจสอบสถานะผู้ใช้ในแบบฟอร์ม ขั้นตอน Checkout และการเลือกตัวเลือกต่าง ๆ
  • เปรียบเทียบ Computed Style และ Layout กับเบราว์เซอร์อื่น
  • ตรวจสอบปัญหาด้าน Accessibility เช่น Label ที่หายไป, ARIA Attribute ที่ไม่เหมาะสม และ Contrast ที่ต่ำ
  • วิเคราะห์ประสิทธิภาพผ่าน Navigation Timing และระยะเวลาโหลด Resource

Apple ระบุด้วยว่า Safari MCP server ทำงานอยู่บนเครื่องของผู้ใช้ทั้งหมด โดยตัว MCP server เองจะไม่เชื่อมต่อเครือข่าย และไม่มีสิทธิ์เข้าถึงข้อมูลส่วนตัวของผู้ใช้ภายใน Safari

ข้อมูลใด ๆ ที่ถูกเก็บระหว่างการใช้งานจะถูกส่งตรงไปยัง Agent ที่ผู้ใช้กำลังรันอยู่ ไม่ได้ถูกส่งไปยัง Apple

WebKit ยังเผยคำสั่งเฉพาะสำหรับเชื่อมต่อ Claude Code, Codex และ Agent อื่น ๆ เข้ากับ Safari พร้อมเปิดให้นักพัฒนาส่ง Feedback และคำขอฟีเจอร์เพิ่มเติมได้

Safari 27 แก้ปัญหาเกือบ 850 รายการ

นอกจาก MCP support แล้ว Safari 27.0 ยังแก้ไขปัญหาเกือบ 850 รายการ เพิ่มขึ้นจากตัวเลข 525 รายการที่ Apple ประกาศไว้ก่อนหน้านี้ในช่วง WWDC

ปัญหาที่ได้รับการแก้ไขครอบคลุมหลายส่วน เช่น

รวมถึงส่วนอื่น ๆ อีกหลายรายการ

รองรับ Immersive Environment และ 3D Model มากขึ้น

Safari 27.0 เพิ่มการรองรับ Immersive Environment เพื่อให้นักพัฒนาสามารถนำประสบการณ์ดังกล่าวไปใช้งานบน visionOS ได้

นอกจากนี้ Apple ยังขยายการรองรับ HTML <model> element ไปยัง iOS, iPadOS และ macOS ทำให้เว็บไซต์สามารถฝังโมเดล 3D แบบโต้ตอบลงบนหน้าเว็บได้โดยตรง คล้ายกับการฝังรูปภาพหรือวิดีโอ

Scroll Anchoring ลดปัญหาหน้าเว็บกระโดดขณะโหลด

Safari 27 ยังเพิ่มฟีเจอร์ Scroll Anchoring ซึ่งช่วยป้องกันหน้าเว็บเลื่อนหรือกระโดดโดยไม่ตั้งใจ เมื่อมี Content เช่น รูปภาพ โหลดเข้ามาเหนือบริเวณที่ผู้ใช้กำลังอ่านอยู่

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

Web Inspector ปรับปรุงหลายจุด

Web Inspector ใน Safari 27 ได้รับการปรับปรุงหลายด้าน เช่น

  • แสดงข้อมูล Color Contrast แบบ Inline
  • มองเห็น Redirect Chain ได้ชัดเจนขึ้น
  • ปรับปรุงเครื่องมือ Debug Layout

WebKit ยังระบุว่ามีการปรับปรุงหรือเพิ่มฟีเจอร์ใหม่ใน WebAssembly, WebGPU, JavaScript, CSS, WebRTC, Media Playback, Web Extensions, WKWebView และ Service Workers อีกจำนวนมาก

โดยรายละเอียดทั้งหมดของ Safari 27.0 สำหรับนักพัฒนาสามารถดูเพิ่มเติมได้จากบทความของ WebKit

ที่มา: 9to5Mac