Khi thiết kế và xây dựng giao diện người dùng cho ứng dụng sử dụng AJAX, khi nào bạn xem xét sự xuống cấp một cách duyên dáng (đối với người dùng đã tắt JavaScript hoặc đang sử dụng trình đọc màn hình)?Suy thoái nghiêm trọng - khi xem xét
Những ngày này, Progressive Enhancement thường được ưa thích hơn Graceful Degradation - ví dụ: cách tiếp cận hoàn toàn ngược lại.
Các phương pháp tôi đang sử dụng cho đến nay là viết nó để nó hoạt động mà không có javascript sau đó thêm javascript trên đầu trang.
Đó thực sự là sự đảo ngược của sự xuống cấp một cách duyên dáng, đó là sự nhấn mạnh vào việc tăng cường trang khi trình duyệt và cài đặt của bạn cho phép.
suy thoái Graceful có thể mô tả hai điều:
1) Đó là một hành vi (thường là một trang web hoặc ứng dụng web) cho phép các trang web để tiếp tục hoạt động khi một số tính năng bị vô hiệu hóa (ví dụ Javascript; CSS).
2) Đây là một cách tiếp cận để xây dựng ứng dụng hoạt động với chuông và còi được bật, sau đó sửa lỗi được bật để làm cho nó hoạt động mà không cần nói tiếng ồn.
Tôi giả sử bạn đang yêu cầu có sử dụng tùy chọn thứ hai để đạt được trước đây hay không. Tôi chắc chắn khuyên bạn nên đạt được 1), vì bất kỳ ai duyệt Javascript đều có (ví dụ: nhiều người có đầu mối máy tính; những người sử dụng trình duyệt dựa trên văn bản; trình duyệt sử dụng trợ năng khuyết tật) sẽ không thể sử dụng trang web của bạn.
Để biết cách thực hiện, A List Apart có một bài viết tuyệt vời trên Progressive Enhancement đáng xem, nơi bạn xây dựng trang web hoạt động cơ bản trước tiên, sau đó bạn thêm AJAX v.v. Tôi thích cách tiếp cận này bởi vì nó cung cấp cho ứng dụng một nền tảng vững chắc để làm việc trên, với an ninh và chức năng phong nha từ từ đi. Các cải tiến trong tương lai cho nó có thể được thực hiện ở mức cơ bản và sau đó được thêm vào lớp AJAX; mà không có trước đây, nó khó khăn hơn để thêm vào các thành phần giảm xuống một cách duyên dáng cho ứng dụng trong tương lai.
Dù sao, hãy tận hưởng bài viết và nếu bạn muốn biết thêm về nội dung này, A List Apart là một trang web tuyệt vời!
Jeremy Keith tổng hợp lập luận về Tăng cường nâng cao với bài viết Hijax của mình.
Thông thường, tôi sử dụng đoạn mã sau để tự động áp dụng một lớp học của "js" vào phần tử HTML để nhắm mục tiêu JS-enabled trình duyệt
<script type="text/javascript">if(h=document.documentElement)h.className+=" js"</script>