สนามทดลอง JavaScript – รัน JavaScript, HTML และ CSS
เขียนและรัน JavaScript, HTML และ CSS ใน iframe แบบแซนด์บ็อกซ์พร้อมแผงเอาต์พุตคอนโซลสดและตัวอย่าง การเข้าถึงเครือข่ายถูกบล็อกโดยแท็ก CSP meta โดยค่าเริ่มต้น คุณสามารถเปิดได้พร้อมคำเตือนที่เห็นได้ชัด ใช้โหมดรันอัตโนมัติเพื่อรันโค้ดขณะทำงาน หรือใช้หยุด/รีเซ็ตเพื่อสร้าง iframe ขึ้นใหม่และหลุดออกจากลูปไม่รู้จบ มีตัวอย่างเริ่มต้นช่วยคุณเริ่ม
สนามทดลอง JavaScript คือพื้นที่ทำงานเขียนโค้ดในเบราว์เซอร์สำหรับเขียนและรัน JavaScript, HTML และ CSS โปรแกรมแก้ไขมีแท็บ JS, HTML และ CSS แยกกัน พร้อมบานตัวอย่างและแผงเอาต์พุตคอนโซลสด คุณจึงตรวจสอบหน้าและเอาต์พุตไปด้วยกัน ใช้ทดลองโค้ดสั้น ๆ หรือลองโค้ดโดยไม่ต้องติดตั้งสภาพแวดล้อมพัฒนาบนเครื่อง
โค้ดรันภายใน iframe แบบแซนด์บ็อกซ์ที่กำหนดค่าด้วย allow-scripts และไม่มี allow-same-origin แท็ก CSP meta บล็อกการเข้าถึงเครือข่ายโดยค่าเริ่มต้น คุณสามารถเปิดได้ และอินเทอร์เฟซแสดงคำเตือนที่เห็นได้ชัด โหมดรันอัตโนมัติรันโค้ดขณะทำงาน หากสคริปต์ติดอยู่ในลูปไม่รู้จบ หยุด/รีเซ็ตจะทำลายและสร้าง iframe ขึ้นใหม่ นอกจากนี้ยังมีตัวอย่างเริ่มต้น
JavaScript, HTML และ CSS มีบทบาทต่างกันในหน้าเว็บ: HTML จัดโครงสร้างเนื้อหา CSS ควบคุมการนำเสนอ และ JavaScript เพิ่มพฤติกรรม การแยกไว้ในแท็บต่างกันทำให้ทดสอบว่าส่วนเหล่านี้ทำงานร่วมกันอย่างไร ตรวจสอบการเปลี่ยนแปลงในตัวอย่าง และตรวจเอาต์พุตในคอนโซลได้ง่ายขึ้น
สนามทดลอง JavaScript ทำงานในเบราว์เซอร์ของคุณทั้งหมด อินพุตของคุณถูกประมวลผลบนอุปกรณ์ของคุณ และไม่ได้อัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ มันใช้งานออฟไลน์ได้เมื่อหน้าเว็บโหลดแล้ว และใช้งานฟรี นักพัฒนาและวิศวกร DevOps สามารถใช้เพื่อสำรวจโค้ด ตรวจพฤติกรรมของหน้า หรือทำงานเขียนโปรแกรมอย่างรวดเร็วจากเครื่องต่าง ๆ
ขั้นตอนที่ 1: เปิดแท็บ JS, HTML และ CSS แล้วป้อนโค้ดที่ต้องการลอง ใช้แท็บที่เกี่ยวข้องสำหรับแต่ละส่วนของหน้า
ขั้นตอนที่ 2: เลือกว่าจะใช้โหมดรันอัตโนมัติหรือไม่ เมื่อเปิด โค้ดของคุณจะรันอัตโนมัติขณะทำงาน
ขั้นตอนที่ 3: จำไว้ว่ามีการป้องกันเครือข่ายโดยค่าเริ่มต้น: แท็ก CSP meta บล็อกการเข้าถึงเครือข่าย คุณสามารถเปิดการเข้าถึงเครือข่ายได้ และสนามทดลองจะแสดงคำเตือนที่เห็นได้ชัด
ขั้นตอนที่ 4: รันโค้ดของคุณแล้วตรวจสอบตัวอย่างและแผงเอาต์พุตคอนโซลสดเพื่อดูผลลัพธ์
ขั้นตอนที่ 5: หากโค้ดติดอยู่ในลูปไม่รู้จบ ใช้หยุด/รีเซ็ตเพื่อทำลายและสร้าง iframe แบบแซนด์บ็อกซ์ขึ้นใหม่
กรณีการใช้งาน: ลองโค้ด JavaScript โดยไม่ต้องติดตั้งสภาพแวดล้อมพัฒนาบนเครื่อง สนามทดลองรันโค้ดของคุณในเบราว์เซอร์และแสดงเอาต์พุตคอนโซลสด
กรณีการใช้งาน: ตรวจว่า HTML, CSS และ JavaScript ทำงานร่วมกันอย่างไรโดยแก้ไขในแท็บแยกกันและตรวจสอบตัวอย่าง
กรณีการใช้งาน: ตรวจสอบพฤติกรรมของโค้ดด้วยแผงเอาต์พุตคอนโซลสดควบคู่กับตัวอย่างหน้า
กรณีการใช้งาน: กู้คืนจากลูปไม่รู้จบโดยใช้หยุด/รีเซ็ตเพื่อทำลายและสร้าง iframe ขึ้นใหม่
กรณีการใช้งาน: ทำงานเขียนโปรแกรมจากเครื่องที่ไม่มีการตั้งค่าในเครื่อง
กรณีการใช้งาน: หลีกเลี่ยงการส่งโค้ดหรือข้อมูลภายในไปยังบริการของบุคคลที่สาม: สนามทดลองประมวลผลอินพุตในเบราว์เซอร์ของคุณ
กรณีการใช้งาน: สำรวจตัวอย่างเริ่มต้นเมื่อต้องการจุดเริ่มต้นสำหรับทดลอง JavaScript, HTML หรือ CSS