Về công cụ này
Code playground là cách nhanh nhất để thử một ý tưởng: không phải dựng project, không có bước build, không cần server. Gõ HTML, CSS và JavaScript vào ba ô, preview sẽ render lại ngay khi bạn ngừng gõ. Rất hợp để thử một đoạn snippet từ Stack Overflow, dựng nhanh một component, hay minh họa cách một đoạn code hoạt động.
Mọi thứ chạy cục bộ trong một iframe sandbox ngay trong trình duyệt — code của bạn không bao giờ được upload đi đâu. Khi ưng ý, tải về dưới dạng một file .html độc lập, mở ở đâu cũng được hoặc thả thẳng vào project.
Câu hỏi thường gặp
HTML/CSS/JS của tôi có chạy trên server không?
Không. Mọi thứ được thực thi trong trình duyệt của bạn bên trong một iframe có sandbox — không có việc thực thi phía server, nên bất cứ gì bạn viết cũng không được gửi đi đâu cả.
Khung xem trước (iframe) có an toàn để thử nghiệm không?
Có. Khung xem trước chạy với sandbox="allow-scripts allow-modals", nên nó không thể truy cập trang cha, đọc cookie, hay điều hướng cửa sổ cấp cao nhất — nó bị cô lập khỏi phần còn lại của trang.
Mã của tôi có tự động lưu không?
Có. HTML, CSS và JS được lưu vào bộ nhớ cục bộ của trình duyệt này khoảng 300ms sau khi bạn ngừng gõ, và tự động khôi phục vào lần sau khi bạn mở lại playground ở đây.
Tôi có thể dùng thư viện bên ngoài từ CDN không?
Bạn có thể thêm thẻ <script src="https://..."> trực tiếp trong khung HTML để tải thư viện từ CDN, nhưng không hỗ trợ npm/bundler — chỉ những gì một thẻ <script> thông thường có thể tải được.
Tôi có thể lưu playground của mình thành một file độc lập không?
Có. Nút Download sẽ gộp HTML, CSS và JS hiện tại của bạn thành một file .html duy nhất với các thẻ <style> và <script> nhúng sẵn, mở đúng trên mọi trình duyệt mà không cần server.