Chạy code HTML, CSS và Javascript trực tiếp bằng jsfiddle

Jsfilddle là một nền tảng giả lập cho phép bạn có thể dễ dàng kiểm tra code HTML, CSS và Javascript một cách nhanh chóng mà không cần sử dụng đến bất kỳ công cụ nào khác.

Trước đây, mỗi lần lập trình web, mình thường phải nhấn phím F5 để kiểm tra lại việc hiển thị nội dung trên trình duyệt. Từ khi sử dụng jsfiddle, mọi thứ đã đơn giản hơn hẳn. Mình có thể test và sửa code ngay trên jsfiddle, khi code chạy tốt thì chỉ việc copy vào file là xong.

Ưu điểm : dễ sử dụng và chia sẻ.
Hạn chế : jsfiddle chỉ chạy tốt nhất khi bạn test code với một vài đối tượng cụ thể, số lượng code không nhiều.

Sử dụng Jsfiddle

– Truy cập http://jsfiddle.net/ và đăng ký tài khoản nếu bạn muốn.
– Menu trái : một số thiết lập trước khi chạy code. Nhớ chọn phiên bản cho Jquery nếu bạn có sử dụng Javascript.

Menu trái của Jsfiddle

– Chức năng chính gồm có 4 module : HTML – CSS – Javascript và Result (Kết quả)
Bạn chỉ việc copy code vào đúng module tương ứng, sau đó nhấn Run. Nội dung sẽ được hiển thị ở ô Result. Chọn Save để lưu lại đoạn mã và chia sẻ đường link tới bất kỳ ai khác.

Ví dụ : http://jsfiddle.net/9mxnjhfm/
Một vài chức năng khác, các bạn tự khám phá nhé. Về cơ bản thì đến đây là okie rồi :)

Chạy thử code HTML, CSS (chưa có Javascript) trên Jsfiddle

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *