Trình thử nghiệm HTML
Trình thử nghiệm HTML/CSS/JS trực tiếp với xem trước qua iframe sandbox. Tự động lưu vào localStorage. Chạy hoàn toàn phía client.
Phần xem trước tự động cập nhật 300ms sau khi bạn ngừng gõ.
Xem trước
Cách dùng
- 1 Chỉnh sửa bất kỳ khung nào — HTML, CSS hoặc JS. Phần xem trước sẽ cập nhật sau 300ms kể từ khi bạn ngừng gõ.
- 2 Lưu đoạn mã (snippet) để giữ lại công việc của bạn trong localStorage cho lần truy cập sau.
- 3 Nhấn Reset để tải lại mẫu ví dụ.
Vì sao dùng công cụ này
- Ba khung soạn thảo — HTML, CSS, JS — được kết nối vào một iframe xem trực tiếp duy nhất.
- Lưu trữ đoạn mã qua localStorage — đóng tab, quay lại, mã của bạn vẫn còn nguyên.
- Iframe được sandbox (chỉ allow-scripts) — JS vẫn chạy được nhưng không thể truy cập vào origin của trang tools.
- Chạy hoàn toàn phía client — không có round-trip tới server sau mỗi lần gõ phím.
Câu hỏi thường gặp
Tôi có thể import thư viện bên ngoài không?
Có — hãy thêm thẻ <code class="font-mono text-xs"><script src="https://…"></code> vào trong khung HTML. Iframe sẽ tải chúng ở lần build lại preview tiếp theo.
Iframe có được sandbox không?
Có — chúng tôi thiết lập <code class="font-mono text-xs">sandbox="allow-scripts"</code> và cố tình bỏ qua <code class="font-mono text-xs">allow-same-origin</code>, nhờ đó phần preview không thể đọc được trang này hay storage của nó.
Công việc của tôi được lưu ở đâu?
Chỉ được lưu trong <code class="font-mono text-xs">localStorage</code> của trình duyệt khi bạn nhấn Save. Không có gì được gửi lên server.
Trình thử nghiệm HTML là gì?
HTML Playground là công cụ cho phép chỉnh sửa HTML, CSS và JavaScript cùng lúc, đồng thời render kết quả trực tiếp trong một iframe sandbox. Công cụ tự động lưu công việc vào localStorage của trình duyệt để mã nguồn được giữ lại giữa các phiên làm việc. Vì chạy hoàn toàn phía client, mọi thứ diễn ra ngay trong trình duyệt mà không có gì được tải lên server, tạo nên một không gian riêng tư để dựng thử các đoạn mã frontend.
Trình thử nghiệm HTML là công cụ lập trình miễn phí của Zerethon Tools. Trình thử nghiệm HTML/CSS/JS trực tiếp với xem trước qua iframe sandbox. Tự động lưu vào localStorage. Chạy hoàn toàn phía client. Chạy hoàn toàn trong trình duyệt — không đăng ký, không tải lên.
- Danh mục
- Lập trình
- Giá
- Miễn phí
- Quyền riêng tư
- Chạy trên trình duyệt
- Đăng ký
- Không cần
Quyền riêng tư
Dữ liệu của bạn không bao giờ rời khỏi trình duyệt trừ khi được nêu rõ. Trình thử nghiệm HTML chạy hoàn toàn phía client — không tải lên máy chủ, không ghi log, không theo dõi dữ liệu bạn nhập.
Công cụ liên quan
Trình định dạng JSON
Định dạng, kiểm tra và rút gọn JSON trực tuyến. Miễn phí, không cần đăng ký — dữ liệu không rời khỏi trình duyệt của bạn.
Mở công cụTrình định dạng SQL
Định dạng truy vấn SQL trực tuyến — làm đẹp mã cho MySQL, PostgreSQL, SQLite, SQL Server, Oracle và BigQuery.
Mở công cụTrình tạo UUID
Tạo UUID trực tuyến — v1, v4, v7 và Nil. Tạo hàng loạt tới 10.000. Miễn phí, không cần đăng ký.
Mở công cụTrình tạo mật khẩu
Tạo mật khẩu ngẫu nhiên mạnh, an toàn về mặt mật mã. Tùy chỉnh độ dài và bộ ký tự — chạy trong trình duyệt của bạn.
Mở công cụXây dựng, chia sẻ và phát triển trên Zerethon Social
Đăng ký miễn phí. Kiếm điểm, sưu tầm thành tựu và kết nối với nhà sáng tạo khắp thế giới.