Cách ẩn Code HTML không cho người khác View Source

Bạn mới viết ra một đoạn code HTML cực hay, nhưng lại không muốn người khác copy mã nguồn của mình. Bằng một số thủ thuật nhỏ dưới đây sẽ giúp các lập trình viên ẩn Code HTML trên Website của mình tránh bị người khác copy.

Tham gia kênh Telegram của AnonyViet 👉 Link 👈

Cách ẩn Code HTML không cho người khác viewsource

Vô hiệu hoá phím Ctrl và F12 bằng javascript

Phím F12 dùng để Mở Công cụ dành cho nhà phát triển của Chrome (Chrome Developer Tools). Chrome Developer Tools cung cấp một bộ công cụ mà bạn có thể sử dụng để xem mã nguồn và hành vi của trang web.

Phím Ctrl chủ yếu được sử dụng kết hợp với các phím khác để xem mã nguồn của web.

Ví dụ:

Ctrl + S: Nó được sử dụng để lưu toàn bộ trang web.

Ctrl + U: Nó được sử dụng để mở mã nguồn của web trong tab mới.

Bạn có thể sử dụng code này trong thẻ script để vô hiệu hoá phím Ctrl và F12.

document.addEventListener("keydown", function (event){
    if (event.ctrlKey){
       event.preventDefault();
    }
    if(event.keyCode == 123){
       event.preventDefault();
    }
});

Vô hiệu hóa nhấp chuột phải bằng cách sử dụng javascript

Bằng cách nhấp chuột phải vào trang web, nó sẽ cung cấp cho bạn tùy chọn để xem và kiểm tra mã nguồn của trang web.

Xem thêm: Share khóa học lập trình Javascript từ cơ bản đến nâng cao

Bạn có thể sử dụng code này trong thẻ script để vô hiệu hóa nhấp chuột phải.

document.addEventListener(‘contextmenu’,
event => event.preventDefault()
);

Các kỹ thuật cao cấp hơn

Hai cách trên rất tốt cho những người không rành về kỹ thuật hoặc cho một số người mới bắt đầu học lập trình.

Còn các nhà phát triển Web (chuyên gia kỹ thuật) thì sao?

Họ vẫn có thể xem mã nguồn của web bằng tiện ích mở rộng chrome, trình chặn HTML (BURP) hoặc postman.

Vậy làm thế nào để ẩn Source Code?

Bạn không thể ẩn Code HTML của mình trong trình duyệt vì trình duyệt của bạn cần mã nguồn HTML để chạy và xem trang web.

Tuy nhiên, dưới đây là một số kỹ thuật khác để giảm thiểu việc quét web hoặc sao chép mã nguồn:

Sử dụng REACT JS để đóng gói mã nguồn của bạn ở mức tối thiểu.
Sử dụng kết xuất phía máy chủ để thay đổi cấu trúc code theo thời gian.
Áp dụng đạo luật bản quyền cho các hành động pháp lý.
Cho phép chứng nhận SSL để mã hóa dữ liệu giữa phía máy khách và máy chủ.

Kết luận

Nếu bạn ẩn Code HTML trên Website, trình thu thập thông tin của Google vẫn có thể đọc code đó, nhưng một số phần nhất định, chẳng hạn như No-Follow và No-Index, sẽ cho trình thu thập thông tin biết có nên lập chỉ mục trang web hay không.

Xem thêm: Share bộ Code HTML Ma trận cực đẹp viết bằng Canvas

“Việc ẩn văn bản hoặc liên kết trong nội dung của bạn để thao túng thứ hạng tìm kiếm của Google có thể được coi là hành vi lừa đảo và vi phạm Nguyên tắc quản trị trang web của Google.”

Bạn có thể ẩn dữ liệu với người dùng nhưng không ẩn dữ liệu khỏi trình thu thập thông tin, nhưng giờ đây, các con bot có thể đọc tất cả mã nguồn trên trang web của bạn.

Với lại mình nghĩ rằng việc ẩn Code HTML không phải là một ý kiến hay. Bạn có thể phải đối mặt với một số vấn đề về SEO trong tương lai.