Sân chơi mã — chạy JavaScript hoặc xem trước trang HTML, tất cả cục bộ
Sân chơi mã
Thử nghiệm mã mà không rời khỏi trang. Chế độ bảng điều khiển JavaScript chạy đoạn mã của bạn trong một hộp cát bị khóa và đưa đầu ra console.log / warn / error trở lại có màu; chế độ xem trước HTML hiển thị trực tiếp một trang HTML + CSS + JavaScript đầy đủ và cho phép tải về thành tệp. Không máy chủ, không tải lên — một đoạn mã hỏng (kể cả vòng lặp vô hạn) luôn có thể dừng và không bao giờ chạm đến phần còn lại của trang. Công cụ liên quan: Bộ nhận diện ngôn ngữ.
Mã JavaScript
HTML + CSS + JavaScript
Mô hình an toàn. Cả hai chế độ đều chạy trong một iframe sandbox chỉ cho phép script: không truy cập cùng nguồn, không biểu mẫu, không cửa sổ bật lên và không tải xuống từ bên trong hộp cát, nên đoạn mã không thể chạm đến trang này, tệp của bạn hay các tab khác. JavaScript chạy trong một tiến trình cách ly, nên Dừng ngắt đoạn mã đang chạy và trang này vẫn phản hồi; nếu một lần chạy lâu bất thường, trang sẽ tự đề nghị Dừng. Lưu ý rằng một vòng lặp vô hạn thật sự vẫn làm bận tiến trình hộp cát ngay cả sau khi Dừng — nếu lần chạy kế tiếp không có đầu ra, hãy làm mới trang để khôi phục. Nút Tải trang xuống của chế độ xem trước HTML lưu mã nguồn thành tệp .html cục bộ.
Cách hộp cát trình duyệt chạy mã của bạn
Khung xem trước là một iframe được sandbox: một ngữ cảnh duyệt riêng không thể truy cập DOM hay cookie của trang cha. Đầu ra bảng điều khiển của script được ghi lại và phản chiếu trở lại để lỗi hiển thị mà không cần mở công cụ nhà phát triển — và mọi thứ chạy trong trình duyệt của bạn, không bao giờ trên máy chủ.
Hộp cát là một ranh giới bảo mật, không phải chi tiết trang trí — mã bạn dán vào đây không thể chạm đến trang web này hay các tab khác của bạn.
🔧 Công cụ mã & phát triển
Các tiện ích mã và nhà phát triển nhỏ, chạy hoàn toàn trong trình duyệt của bạn.