Windows Tips & News

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

click fraud protection
แนะนำ: คลิกที่นี่เพื่อแก้ไขปัญหา Windоws และเพิ่มประสิทธิภาพของระบบ

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

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

สนามเด็กเล่น MDN

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

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

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

แนะนำ: คลิกที่นี่เพื่อแก้ไขปัญหา Windоws และเพิ่มประสิทธิภาพของระบบ

หากคุณชอบบทความนี้ โปรดแบ่งปันโดยใช้ปุ่มด้านล่าง จะไม่ใช้เวลามากจากคุณ แต่จะช่วยให้เราเติบโต ขอบคุณสำหรับการสนับสนุน!

โฆษณา

ค้นหา Windows Experience Index ใน Windows 10 Spring Creators Update

ค้นหา Windows Experience Index ใน Windows 10 Spring Creators Update

เริ่มต้นใน Windows 8.1 Microsoft ได้ลบคุณลักษณะ Windows Experience Index (WEI) ก่อนหน้านี้สามารถพ...

อ่านเพิ่มเติม

วิธีเปิดใช้งานเซิร์ฟเวอร์ DLNA ใน Windows 10

วิธีเปิดใช้งานเซิร์ฟเวอร์ DLNA ใน Windows 10

DLNA เป็นโปรโตคอลซอฟต์แวร์พิเศษที่ช่วยให้อุปกรณ์ต่างๆ เช่น ทีวีและกล่องสื่อในเครือข่ายของคุณค้นพบ...

อ่านเพิ่มเติม

สร้างทางลัดตัวเลือกโปรแกรมรักษาหน้าจอใน Windows 10

สร้างทางลัดตัวเลือกโปรแกรมรักษาหน้าจอใน Windows 10

ใน Windows 10 สิ่งที่คุ้นเคยมากมายจะเปลี่ยนไปอีกครั้ง แผงควบคุมแบบคลาสสิกจะถูกแทนที่ด้วยแอปการตั้...

อ่านเพิ่มเติม