Mozilla เปิดตัว MDN Playground บริการคล้าย CodePen

Mozilla ได้เปิดตัวแพลตฟอร์ม MDN Playground ซึ่งช่วยให้ผู้ใช้สามารถดูตัวอย่างและแบ่งปันโค้ด HTML, CSS และ JavaScript ได้โดยตรงในเบราว์เซอร์ รองรับการแก้ไขโค้ด ดูผลลัพธ์ตามเวลาจริง และรองรับเครื่องมือ Prettier ในตัว MDN Playground ค่อนข้างคล้ายกับชุมชน CodePen และให้นักพัฒนาใช้งานได้ฟรี

บล็อก MDN Web Docs เมื่อเร็วๆ นี้ ประกาศ การเปิดตัวแพลตฟอร์ม MDN Playground ทำให้ผู้ใช้สามารถทดสอบและแสดงตัวอย่างโค้ด HTML, CSS และ JavaScript ด้วยการดูตัวอย่างเบราว์เซอร์ทันที ผู้ใช้สามารถสังเกตผลลัพธ์แบบเรียลไทม์และแบ่งปันได้อย่างง่ายดายพร้อมกับโค้ดที่เกี่ยวข้อง

เนื้อหาของ MDN Web Docs วางแผนที่จะใช้แพลตฟอร์มเพื่อจัดรูปแบบตัวอย่างโค้ดบนเว็บไซต์ อนุญาตให้เรียกใช้โค้ดโดยตรงในเบราว์เซอร์และดูผลลัพธ์ของการดำเนินการโค้ดได้ทันที นอกจากนี้ยังสามารถแก้ไขรหัสได้อย่างรวดเร็วและดูการเปลี่ยนแปลงในผลงาน ปุ่ม "เล่น" จะปรากฏถัดจากบล็อกโค้ดบน MDN ซึ่งจะพานักพัฒนาไปที่ Playground

MDN Playground เข้ากันได้กับเบราว์เซอร์สมัยใหม่ทั้งหมด และให้นักพัฒนาเข้าถึงได้ฟรี การแบ่งปันข้อมูลโค้ดผ่านลิงก์ถาวรต้องได้รับการอนุญาตบนแพลตฟอร์ม MDN Web Docs นอกจากนี้ Playground ยังรองรับเครื่องมือ Prettier ในตัว ทำให้มั่นใจได้ว่าโค้ดเป็นไปตามมาตรฐานการออกแบบที่ยอมรับอย่างกว้างขวางโดยอัตโนมัติ

คล้ายกับชุมชน CodePen ที่ได้รับความนิยม MDN Playground เป็นแพลตฟอร์มสำหรับนักพัฒนาในการสร้างต้นแบบและแบ่งปันงานของพวกเขาโดยใช้ HTML, CSS และ JavaScript แต่ชุมชน CodePen ยังจัดการแข่งขันและการแข่งขันเป็นประจำ ดังนั้นจึงไม่เกี่ยวกับการแบ่งปันรหัสเท่านั้น