Iframe Generator
สร้างโค้ด HTML iframe พร้อมกำหนดขนาดและ sandbox attributes เอง
เกี่ยวกับเครื่องมือนี้
Iframe Generator สร้างโค้ด HTML `<iframe>` แบบฝังที่พร้อมใช้งาน กำหนดค่า URL ต้นทาง ขนาด ชื่อเรื่อง พฤติกรรมการเลื่อน การโหลดแบบ lazy สิทธิ์เต็มจอ และแอตทริบิวต์ sandbox — จากนั้นคัดลอกผลลัพธ์
ทุกฟิลด์จะอัปเดตโค้ดที่สร้างขึ้นแบบเรียลไทม์ ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์ แอตทริบิวต์ title จำเป็นสำหรับการเข้าถึง เนื่องจากโปรแกรมอ่านหน้าจอจะประกาศเพื่ออธิบายเนื้อหาที่ฝังไว้
วิธีใช้งาน
- ป้อน URL ที่ต้องการฝังในฟิลด์ URL
- ตั้งค่าความกว้าง ความสูง ชื่อเรื่อง เส้นขอบ การเลื่อน และตัวเลือกการโหลด
- เปิด/ปิด allowfullscreen และ sandbox ตามต้องการ หากเปิด sandbox ให้เลือกสิทธิ์ที่จะอนุญาต
- คัดลอกโค้ด iframe ที่สร้างขึ้นแล้ววางลงใน HTML ของคุณ
กรณีการใช้งาน
นักพัฒนาฝังวิดีโอ YouTube หรือ Vimeo ด้วยขนาดพิกเซลที่แม่นยำ วิศวกร front-end ฝังแผนที่ วิดเจ็ต หรือเครื่องมือของบุคคลที่สามด้วยความปลอดภัยแบบ sandbox นักออกแบบสร้างหน้าพอร์ทัลที่รวมเนื้อหาภายนอกแบบอินไลน์
คำถามที่พบบ่อย
- แอตทริบิวต์ sandbox คืออะไร — sandbox จำกัดสิ่งที่หน้าเว็บที่ฝังไว้สามารถทำได้ (รันสคริปต์ ส่งฟอร์ม เปิดป๊อปอัป) เปิดใช้งานเฉพาะสิทธิ์ที่คุณจำเป็นต้องใช้จริงเพื่อความปลอดภัย
- เหตุใดแอตทริบิวต์ title จึงสำคัญ — โปรแกรมอ่านหน้าจอใช้ title เพื่ออธิบายเนื้อหาที่ฝังไว้ให้ผู้ใช้ที่มีความบกพร่องทางการมองเห็น WCAG 2.1 กำหนดให้ทุก iframe ต้องมี title ที่มีความหมาย
- ทุกเว็บไซต์อนุญาตให้ฝังตัวเองหรือไม่ — ไม่ เว็บไซต์สามารถส่งส่วนหัว X-Frame-Options หรือ Content-Security-Policy เพื่อบล็อกการฝังได้ คุณสามารถฝังได้เฉพาะหน้าที่อนุญาตอย่างชัดเจนเท่านั้น