Sân chơi JavaScript: Chạy JavaScript, HTML và CSS
Viết và chạy JavaScript, HTML và CSS trong iframe hộp cát với bảng đầu ra console trực tiếp và bản xem trước. Quyền truy cập mạng bị chặn bởi thẻ meta CSP theo mặc định; bạn có thể bật nó với cảnh báo hiển thị rõ. Hãy dùng chế độ tự chạy để chạy mã khi bạn làm việc, hoặc Dừng/Đặt lại để tạo lại iframe và phá vòng lặp vô hạn. Các ví dụ mẫu giúp bạn bắt đầu.
Sân chơi JavaScript là không gian làm việc lập trình chạy trong trình duyệt, dùng để viết và chạy JavaScript, HTML và CSS. Trình chỉnh sửa có các tab JS, HTML và CSS riêng biệt, với ngăn xem trước và bảng đầu ra console trực tiếp để bạn có thể kiểm tra trang và đầu ra của nó cùng nhau. Hãy dùng nó để thử nghiệm đoạn mã ngắn hoặc thử mã mà không cần cài đặt môi trường phát triển trên máy.
Mã chạy bên trong iframe hộp cát được cấu hình với allow-scripts và không có allow-same-origin. Thẻ meta CSP chặn quyền truy cập mạng theo mặc định; bạn có thể bật nó, và giao diện hiển thị cảnh báo rõ ràng. Chế độ tự chạy chạy mã khi bạn làm việc. Nếu tập lệnh bị kẹt trong vòng lặp vô hạn, Dừng/Đặt lại sẽ hủy và tạo lại iframe. Các ví dụ mẫu cũng được bao gồm.
JavaScript, HTML và CSS có các vai trò khác nhau trong trang web: HTML cấu trúc nội dung, CSS kiểm soát cách trình bày, và JavaScript thêm hành vi. Việc giữ chúng trong các tab riêng giúp dễ kiểm tra cách các phần này hoạt động cùng nhau, xem lại thay đổi trong bản xem trước và kiểm tra đầu ra trong console.
Sân chơi JavaScript chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu nhập của bạn được xử lý trên thiết bị của bạn và không được tải lên, lưu trữ hay gửi tới máy chủ. Công cụ hoạt động ngoại tuyến sau khi trang đã tải xong, và được dùng miễn phí. Các nhà phát triển và kỹ sư DevOps có thể dùng nó để khám phá mã, kiểm tra hành vi trang, hoặc thực hiện tác vụ lập trình nhanh từ các máy khác nhau.
Bước 1: Mở các tab JS, HTML và CSS và nhập mã bạn muốn thử. Dùng tab phù hợp cho từng phần của trang.
Bước 2: Chọn có dùng chế độ tự chạy hay không. Khi được bật, mã của bạn chạy tự động khi bạn làm việc.
Bước 3: Lưu ý biện pháp bảo vệ mạng mặc định: thẻ meta CSP chặn quyền truy cập mạng. Bạn có thể bật quyền truy cập mạng, và sân chơi hiển thị cảnh báo rõ ràng.
Bước 4: Chạy mã của bạn và kiểm tra bản xem trước và bảng đầu ra console trực tiếp để xem kết quả.
Bước 5: Nếu mã bị kẹt trong vòng lặp vô hạn, hãy dùng Dừng/Đặt lại để hủy và tạo lại iframe hộp cát.
Trường hợp sử dụng: Thử đoạn mã JavaScript mà không cần cài đặt môi trường phát triển trên máy. Sân chơi chạy mã của bạn trong trình duyệt và hiển thị đầu ra console trực tiếp.
Trường hợp sử dụng: Kiểm tra cách HTML, CSS và JavaScript hoạt động cùng nhau bằng cách chỉnh sửa chúng trong các tab riêng và xem lại bản xem trước.
Trường hợp sử dụng: Tìm hiểu hành vi mã bằng bảng đầu ra console trực tiếp bên cạnh bản xem trước trang.
Trường hợp sử dụng: Khôi phục sau vòng lặp vô hạn bằng cách dùng Dừng/Đặt lại để hủy và tạo lại iframe.
Trường hợp sử dụng: Làm việc với tác vụ lập trình từ máy mà bạn không có thiết lập trên máy.
Trường hợp sử dụng: Tránh gửi mã hoặc dữ liệu nội bộ tới dịch vụ bên thứ ba: sân chơi xử lý dữ liệu nhập trong trình duyệt của bạn.
Trường hợp sử dụng: Khám phá các ví dụ mẫu khi bạn muốn có điểm khởi đầu để thử nghiệm với JavaScript, HTML hoặc CSS.