 |
| Code chống copy nội dung website |
Trong bài viết này mình sẽ sử dụng CSS kết hợp với JavaScript. Bạn chỉ cần đưa đoạn code sau vào trước thẻ đóng </head> của mẫu HTML trang web của bạn là thành công:
Dưới đây là ảnh chụp màn hình cho bạn dễ quan sát hơn vị trí cần cho đoạn code trên:
 |
| Vị trí đoạn code chống copy |
Nếu bạn muốn chống thêm cả thao tác chuột phải (hạn chế tình trạng sao chép ảnh và văn bản), thì đây là đoạn code... Vị trí thì vẫn thế, bạn cứ để nó trước thẻ đóng </head>
Nếu có thông báo lỗi khi save template (hay gặp với Blogspot) thì bạn thay bằng dòng code sau:
Và đây là kết quả thực hiện demo tại đây, bạn sẽ thấy bạn không thể quét được nội dung, cũng như không thể chuột phải để lưu các ảnh động banner ở trang chủ của website trên.
Phần dưới đây mình sẽ giải thích ý nghĩa những dòng code trong bài, nếu bạn không phải là dân công nghệ thông tin thì không cần đọc cho đỡ nhức đầu, đưa các đoạn code trên vào trước thẻ </head> là bạn chống hành vi copy được rồi...
Đoạn CSS:
>
Ở trên là đoạn CSS3 chống copy, -webkit, -moz, -ms, -o là để tương thích với các trình duyệt khác nhau, vì là CSS3 nên nếu trình duyệt nào chưa hỗ trợ đầy đủ thì nó không hoạt động, nghĩa là đối tượng vẫn copy được! Do vậy ta mới cần thêm JavaScript - cái này thì hoạt động tốt trên hầu hết trình duyệt. Tuy nhiên JavaScript lại có điểm yếu là đối tượng có thể chủ động tắt JavaScript của trình duyệt để copy... Và đó là lý do ta nên kết hợp cả hai, vì CSS thì đối tượng lại không thể tự tắt. Phối hợp cả 2 làm cho chúng bù lấp các điểm yếu của nhau.
P/S: Đoạn code JavaScript có tham khảo từ trang này http://www.boogiejack.com/