Nhà phát triển / HTML

Công cụ xem HTML: Xem trước trực tiếp trong sandbox với CSS và JavaScript

Dán HTML và CSS tùy chọn để xem bản xem trước trực tiếp trong môi trường cô lập. Bật JavaScript khi cần, mở rộng bản xem trước toàn màn hình hoặc tải xuống tệp HTML xem trước.

Công cụ xem HTML: Xem trước trực tiếp trong sandbox với CSS và JavaScript: Công cụ hiển thị mã nguồn trong một khung sandbox với origin mờ đục. Tập lệnh được tắt khi bắt đầu. Chính sách bảo mật nội dung chặn tài nguyên bên ngoài, yêu cầu fetch, biểu mẫu và các trang nhúng, đồng thời cho phép kiểu nội tuyến và hình ảnh dữ liệu. Các siêu dữ liệu có thể làm mới trang, phần tử base và ngữ cảnh duyệt nhúng sẽ bị xóa. Tệp tải xuống giữ nguyên khung cô lập. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.

Lượt chạy
Trong trình duyệt của bạn
Chi phí
Miễn phí · không cần đăng ký
Trạng thái khả dụng
Sẵn sàng sử dụng
Trình xem HTMLXử lý cục bộ

Chạy hoàn toàn trong trình duyệt của bạn

Bản xem trước được biệt lập khỏi trang web này. Tập lệnh được tắt theo mặc định. Kiểu, tập lệnh và hình ảnh bên ngoài, yêu cầu fetch, biểu mẫu và trang được nhúng đều bị chặn; kiểu nội tuyến và hình ảnh dữ liệu được cho phép. Khi bật tập lệnh, mã bạn dán vào bản xem trước sẽ được chạy.

Bản xem trước trực tiếp

HTML đã tải xuống sẽ mở cùng bản xem trước biệt lập. Không có mã nguồn nào được chèn vào trang này.

Cô lập khung

Tiêu chuẩn HTML của WHATWG định nghĩa các hạn chế sandbox của iframe (https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-sandbox). Bản xem trước này không bao giờ cấp allow-same-origin.

Hạn chế nội dung

Đặc tả Content Security Policy của W3C định nghĩa các hạn chế đối với tài nguyên (https://www.w3.org/TR/CSP3/). Bản xem trước áp dụng chính sách hạn chế trước phần mã đánh dấu được cung cấp. Tệp bao ngoài được tải xuống vẫn giữ ranh giới sandbox.

Cách sử dụng

  1. Dán HTML và CSS hoặc JavaScript tùy chọn.
  2. Chỉ bật tập lệnh khi bạn muốn mã đã dán chạy trong bản xem trước cô lập.
  3. Kiểm tra bản xem trước trực tiếp hoặc toàn màn hình, rồi tải xuống tệp xem trước trong sandbox.

Quyền riêng tư và giới hạn

Dữ liệu nhập và tệp của bạn được xử lý trong trình duyệt. Không có gì được tải lên.

Công cụ liên quan

Câu hỏi thường gặp

Bản xem trước có thể truy cập cookie hoặc trang của trang web này không?

Sandbox không cấp quyền truy cập cùng origin. Mã đã dán không thể đọc DOM hoặc bộ nhớ lưu trữ của trang web này. Tập lệnh chỉ chạy khi bạn bật chúng.

Tại sao hình ảnh hoặc thư viện bên ngoài không tải được?

Bản xem trước cục bộ chặn tài nguyên từ xa. Hãy đặt kiểu và tập lệnh trực tiếp trong các trình chỉnh sửa, đồng thời sử dụng URL dữ liệu cho hình ảnh.

Tôi có thể dán một tài liệu HTML hoàn chỉnh không?

Có. Bản xem trước chấp nhận cả tài liệu hoàn chỉnh và các đoạn mã. Công cụ sẽ xóa siêu dữ liệu và ngữ cảnh duyệt nhúng, áp dụng chính sách bảo mật nội dung riêng, rồi hiển thị kết quả trong khung cô lập.

Tệp tải xuống chứa gì?

Tệp này chứa một tệp HTML mở mã nguồn của bạn bên trong cùng sandbox. Đây là tệp xem trước, không phải mã nguồn được dán trực tiếp vào một trang thông thường.

Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản