Cách dùng Xem HTML
- Dán HTML của bạn vào ô HTML (ô CSS và JavaScript là tùy chọn).
- Bản xem trước sẽ cập nhật khi bạn gõ; nhấn Toàn màn hình trên khung xem trước để xem trang ở kích thước đầy đủ.
- Dùng Định dạng để làm gọn code hoặc Tải .html để lưu trang.
Xem trước HTML mà không cần lưu file
Kiểm tra một đoạn mã từ CMS, template email hay câu trả lời trên Stack Overflow thường đòi hỏi bạn lưu file .html rồi mở bằng trình duyệt. Ở đây, bạn chỉ cần dán và xem ngay. Bản xem trước chạy trong khung sandbox, nên các script trong đoạn mã không thể truy cập trang này hay dữ liệu của bạn.
Email HTML và embed Webflow
Dán template email để kiểm tra bố cục trước khi gửi, hoặc một Webflow Code Embed để xem bên ngoài Designer. Nếu thiếu kiểu dáng, thường là do CSS nằm trong file riêng — hãy dán vào ô CSS. Để chuyển thiết kế thành các phần tử Webflow, hãy dùng HTML/CSS sang Webflow.
Cũng được tìm dưới tên: xem html online, xem trước html, html viewer, preview html online, xem trước css, xem trước html css, hiển thị html, xem code html.
Các công cụ dùng kèm tốt với Xem HTML
- Trình soạn thảo HTML online — Một sân chơi code nhẹ: chỉnh sửa HTML, CSS và JavaScript cạnh nhau, xem kết quả ngay lập tức, đọc output của console và tải trang của bạn về dưới dạng một file HTML.
- Định dạng HTML — Dán mã HTML đã nén hoặc lộn xộn và nhận lại HTML được thụt lề rõ ràng, nhất quán — bao gồm cả các khối <style> và <script> nhúng bên trong.
- Chuyển HTML sang Markdown — Dán HTML — hoặc sao chép trực tiếp văn bản rich text từ trang web, Google Doc hay email — rồi nhận Markdown gọn gàng để đưa vào README, wiki hoặc static site.
- Định dạng CSS — Chuyển stylesheet đã nén thành CSS dễ đọc, mỗi thuộc tính một dòng và các khối @media được lồng đúng cấu trúc.
Câu hỏi thường gặp
Làm sao để xem trước một file HTML?
Mở file bằng trình soạn thảo văn bản, sao chép toàn bộ nội dung và dán vào ô HTML. Các stylesheet và hình ảnh được liên kết sẽ tải được nếu URL là đường dẫn tuyệt đối (https://…).
HTML tôi dán có được tải lên không?
Không. Bản xem trước được hiển thị trên trình duyệt của bạn trong khung sandbox, và mã chỉ được lưu trên thiết bị này.
Tôi có thể xem trước ở chế độ toàn màn hình không?
Có. Nhấn Toàn màn hình trên bản xem trước; nhấn Esc để quay lại.
Tôi có thể cài Xem HTML như một ứng dụng web và dùng khi không có mạng không?
Có. Xem HTML là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.