Windows Tips & News

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 ยังจัดการแข่งขันและการแข่งขันเป็นประจำ ดังนั้นจึงไม่เกี่ยวกับการแบ่งปันรหัสเท่านั้น

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

Google Chrome จะได้รับอัลกอริธึมการบีบอัด Brotli ที่ได้รับการปรับปรุง

Google Chrome จะได้รับอัลกอริธึมการบีบอัด Brotli ที่ได้รับการปรับปรุง

วันนี้นักพัฒนาซอฟต์แวร์จาก Google ได้ประกาศคุณลักษณะใหม่ที่มาถึงช่อง Canary ของเบราว์เซอร์ Chrome...

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

ปิดใช้งานการเข้าถึงแอพเพื่อส่งข้อความใน Windows 10

ปิดใช้งานการเข้าถึงแอพเพื่อส่งข้อความใน Windows 10

ที่แนะนำ: คลิกที่นี่เพื่อแก้ไขปัญหา Windows และเพิ่มประสิทธิภาพระบบการตั้งค่าความเป็นส่วนตัวของกา...

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

เคล็ดลับ: ใช้การค้นหาการคำนวณพื้นฐานใน Windows 10

เคล็ดลับ: ใช้การค้นหาการคำนวณพื้นฐานใน Windows 10

ที่แนะนำ: คลิกที่นี่เพื่อแก้ไขปัญหา Windows และเพิ่มประสิทธิภาพระบบวันนี้ เราจะเห็นการใช้งานช่องค...

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