Trình xem HTML
Dán một tệp HTML — hoặc khối mã AI vừa đưa cho bạn — và thấy trang thật ngay lập tức. Sửa bên trái, bên phải cập nhật khi bạn gõ. Mọi thứ chạy trong trình duyệt của bạn: không có gì được tải lên cho đến khi bạn quyết định biến nó thành liên kết.
Biến trang này thành liên kết
Một cú nhấp gửi đúng đoạn HTML này lên một địa chỉ hdply miễn phí. Thử không cần tài khoản; liên kết tồn tại một giờ, tài khoản miễn phí giữ nó vĩnh viễn.
Trình xem này làm gì, và không làm gì
Bản xem trước là một khung sandbox. HTML của bạn chạy với script và style của chính nó, nhưng trong một origin cô lập: nó không đọc được trang này, cookie của bạn hay bất cứ thứ gì khác trong tab. Vì thế dán mã bạn chưa đọc từng dòng vẫn an toàn.
Nó hiển thị đúng những gì khách truy cập nhận được từ một tệp duy nhất. Bất cứ thứ gì HTML tham chiếu bằng đường dẫn tương đối — styles.css, images/hero.jpg, script.js — đều không tồn tại ở đây, giống như sẽ không tồn tại trên một host mà bạn chỉ tải lên một tệp. Nếu bản xem trước trông không có style, lý do là vậy: đưa CSS vào inline hoặc trỏ tới URL tuyệt đối.
Chiều rộng điện thoại và máy tính bảng là chiều rộng viewport thật, không phải ảnh chụp thu nhỏ, nên media query kích hoạt như trên thiết bị. Chuyển sang điện thoại trước khi gửi liên kết cho ai: phần lớn người nhận sẽ mở trên điện thoại.
Câu hỏi thường gặp
HTML của tôi có bị tải lên đâu đó khi dán không?
Không. Việc hiển thị diễn ra trong trình duyệt của bạn, bên trong khung sandbox. Không có gì rời khỏi tab này cho đến khi bạn bấm "Lấy liên kết", và lúc đó chỉ HTML trong trình soạn thảo được gửi đi.
Vì sao trang trông khác với tệp trên máy tôi?
Gần như luôn do đường dẫn tương đối. Một liên kết như styles.css hay images/photo.png trỏ tới tệp nằm cạnh HTML trên ổ đĩa, thứ trình xem không thấy được. Đặt CSS vào thẻ <style> và dùng URL https:// đầy đủ hoặc data URI cho ảnh, kết quả sẽ khớp.
JavaScript có chạy trong bản xem trước không?
Có. Script chạy trong sandbox, cô lập với trang này, nên trang tương tác, biểu đồ và ứng dụng nhỏ đều hoạt động. Thứ gì cần cookie hoặc local storage cho chính khung có thể bị sandbox giới hạn.
Có giới hạn dung lượng không?
Trình xem thì không. Bước "Lấy liên kết" nhận tối đa 1 MB mỗi trang, dư dả cho một tệp tự chứa; ảnh lớn nên đặt ở URL ngoài.