Sân chơi Code
Sân chơi HTML, CSS và JavaScript trực tuyến với xem trước trực tiếp, trình soạn thảo có số dòng và console thu được. Thử đoạn mã ngay lập tức và tải kết quả thành một tệp HTML - hoàn toàn trong trình duyệt.
Sân chơi code là gì?
Sân chơi code là một sandbox nơi bạn viết HTML, CSS và JavaScript và thấy ngay kết quả hiển thị. Bản này còn có console thu được, trình soạn thảo đánh số dòng và khả năng tải sản phẩm thành một tệp HTML duy nhất.
Xem trước trực tiếp hoạt động thế nào?
Ba khung mã được ghép thành một tài liệu HTML hoàn chỉnh và hiển thị trong iframe sandbox. Khi bật Tự chạy, bản xem trước làm mới khoảng nửa giây sau khi bạn ngừng gõ; nếu không hãy nhấn Chạy.
Bảng console hiển thị những gì?
Mọi thứ trang ghi qua console.log, info, warn và error, cùng lỗi runtime và promise bị từ chối chưa xử lý kèm số dòng. Nó được xóa mỗi lần chạy.
Mã của tôi có được lưu khi tải lại trang không?
Có. Bản nháp của cả ba khung được lưu cục bộ trong trình duyệt và khôi phục ở lần truy cập sau. Đặt lại trả về mã demo gốc, và xóa dữ liệu trang sẽ mất bản nháp.
Xem trước có được sandbox và an toàn không?
Bản xem trước chạy trong iframe sandbox không có quyền same-origin nên script bạn thử không đọc được trang này hay cookie của nó. Dù vậy chỉ thử mã bạn tin tưởng, vì nó vẫn chạy trong trình duyệt của bạn.
Có thể tải thử nghiệm của tôi về không?
Có. Tải .html lưu HTML, CSS và JavaScript hiện tại ghép thành một tệp tự chứa, mở được trong mọi trình duyệt hoặc chia sẻ cho người khác.
Có thể chạy gì trong khung JavaScript?
JavaScript chuẩn của trình duyệt: thao tác DOM, sự kiện, canvas, fetch tới API công cộng (theo quy tắc CORS của chúng) và bất kỳ thư viện nào dán nội tuyến. Không phân giải module hay gói npm.
Sân chơi có cần internet không?
Chỉ cần để tải trang. Sau đó việc soạn thảo, xem trước và thu console đều chạy cục bộ, và mã của bạn không bao giờ bị gửi đi đâu.
Cách sử dụng Sân chơi Code
Sân chơi này gộp HTML, CSS và JavaScript của bạn vào một bản xem trước trực tiếp dạng sandbox hoàn toàn trong trình duyệt, kèm bảng điều khiển ghi lại nhật ký và lỗi. Bản nháp được lưu cục bộ để bạn tiếp tục chỗ đang làm dở.
- Chỉnh sửa các khung HTML, CSS và JavaScript — mỗi trình soạn thảo đều có số dòng và tô sáng cú pháp.
- Khi Tự chạy đang bật, bản xem trước tự làm mới theo từng cú gõ; nếu không, nhấn Chạy (hoặc tắt Tự chạy rồi chạy thủ công).
- Để mắt tới bảng Bảng điều khiển bên dưới bản xem trước: đầu ra console.log, cảnh báo, lỗi và ngoại lệ chưa bắt sẽ hiện ở đó kèm số dòng.
- Nhấn Đặt lại để quay lại bản demo có sẵn, hoặc Tải .html để lưu toàn bộ thành một tệp tự chứa.
- Dùng Mở cửa sổ mới để xem tài liệu hiện tại ở kích thước đầy đủ trong tab riêng.
Bảng điều khiển bị xóa sau mỗi lần chạy, nên cứ thong thả thêm console.log khi gỡ lỗi — kết quả hiện ngay lập tức, không cần mở console thật của trình duyệt.
Công cụ liên quan
- Trình làm đẹp JavaScript Trình làm đẹp và định dạng mã JavaScript miễn phí trực tuyến. Chuyển đổi ngay lập tức JS đã nén thành mã sạch, dễ đọc, được thụt lề đúng với các tùy chọn có thể tùy chỉnh.
- Trình nén JS Nén mã JavaScript ngay lập tức. Loại bỏ khoảng trắng, nhận xét và tối ưu hóa JS để tải nhanh hơn.
- Kiểm tra Regex Kiểm tra và gỡ lỗi biểu thức chính quy với khớp thời gian thực và bắt nhóm.
- Xem trước Markdown Trình chỉnh sửa Markdown trực tuyến miễn phí với xem trước trực tiếp. Viết, kết xuất và xuất Markdown với hỗ trợ GFM đầy đủ.
- Kiểm tra Hash Tính toán và xác minh hash MD5, SHA-1, SHA-256, SHA-512 cục bộ
- Máy tính Chmod Máy tính chmod trực tuyến miễn phí để trực quan hóa và tính toán quyền tệp Linux với hộp kiểm. Chuyển đổi ngay lập tức giữa ký hiệu số (755, 644) và tượng trưng (rwxr-xr-x). Hỗ trợ quyền đặc biệt như setuid, setgid, sticky bit.
- Bảng ASCII Tham khảo mã hóa ký tự ASCII đầy đủ với mã thập phân, thập lục phân, bát phân, nhị phân, thực thể HTML và mô tả ký tự. Tìm kiếm và lọc tức thì.
- Trình xem Hex Xem nội dung tệp ở định dạng hex dump với tìm kiếm, điều hướng offset và cuộn ảo