Bài đăng này sẽ mô tả quy trình ẩn mã JavaScript trong nguồn xem.
Làm cách nào để ẩn mã JavaScript trong nguồn xem?
Trước tiên, để ẩn mã JavaScript trong nguồn chế độ xem, hãy xem cách mở nguồn chế độ xem trong công cụ của Nhà phát triển. Trên trang web, có một số cách để mở nguồn xem và xem mã liên quan.
Cách thứ nhất là “ kích chuột phải ” trên trang và nhấp vào “ Xem nguồn trang ” tùy chọn trong một “ danh mục ” hoặc sử dụng phím tắt“ Ctrl+U ”:
Nó sẽ hiển thị mã nguồn chính thức đầy đủ của trang trong một tab mới như hình bên dưới:
Cách thứ hai là “ kích chuột phải ” trên trang và nhấp vào “ Quan sát ” tùy chọn từ một “ danh mục ” hoặc sử dụng phím tắt“ F12 ', và ' Ctrl+Shift+I ”.
Trong khi nhấp vào nút “ Quan sát ”, nó sẽ mở cửa sổ bên dưới với các tùy chọn, nơi người dùng có thể xem mã.
Hãy thêm chức năng để ngăn nhấp chuột phải và phím nóng trên trang web mở “ Xem nguồn trang ' quyền mua.
Sử dụng các dòng mã dưới đây để ngăn nhấp chuột phải vào trang web:
tài liệu. addEventListener ( 'danh mục' , ( và ) => {và. ngăn chặn Mặc định ( ) ;
} , sai ) ;
Đoạn mã trên:
- Đầu tiên, hãy gọi “ addEventListener() ” bằng cách chuyển tham chiếu của “ danh mục ”.
- Sau đó, gọi “ ngăn chặn Mặc định() ” phương pháp và thiết lập nó “ sai ”, nghĩa là nó dừng sự kiện/tùy chọn nhấp chuột phải mặc định.
Đoạn mã dưới đây ngăn phím tắt bao gồm “ Ctrl+Shift+I ”, “ Ctrl+U ' và ' F12 ”:
tài liệu. addEventListener ( 'phím tắt' , ( và ) => {nếu ( và. ctrlKey || và. mã khóa == 123 ) {
và. ngừng lan truyền ( ) ;
và. ngăn chặn Mặc định ( ) ;
}
} ) ;
đầu ra
GIF ở trên chỉ ra rằng không có hành động nào được thực hiện trong “ kích chuột phải ” hoặc phím tắt:
Bây giờ, hãy xem cách ẩn mã nguồn nếu người dùng sử dụng tùy chọn bên dưới.
Đoạn mã trên cho thấy một cách khác để mở “ Những công cụ phát triển ” ngoại trừ nhấp chuột phải và phím nóng.
Để ẩn mã JavaScript khỏi tùy chọn này, hãy làm theo các bước đã cho:
Bước 1: Mã JavaScript
Tạo tệp JavaScript cho mã JavaScript có liên quan đến chức năng của trang. Ở đây, chúng tôi đã tạo một tệp JavaScript có tên “ JSfile.js , nơi tất cả mã JavaScript sẽ được đặt:
Bước 2: Ẩn mã JavaScript
Bây giờ, hãy ẩn tệp JavaScript bằng cách làm theo các dòng mã này trong một
scriptElement. loại hình = 'văn bản/javascript' ;
scriptElement. src = 'JSfile.js' ;
tài liệu. thân hình . nối thêmTrẻ em ( scriptElement ) ;
Trong đoạn mã trên:
- Tạo một phần tử tập lệnh mới, sử dụng “ tạo phần tử () ' phương pháp.
- Thêm tệp mã JavaScript “ JSfile.js ”, trong phần tử tập lệnh mới được tạo dưới dạng phần tử con bằng cách gọi “ appendChild() ' phương pháp.
đầu ra
GIF ở trên chỉ ra rằng trong thanh bên của “ Nguồn ” tab, sau khi mở “ Công cụ dành cho nhà phát triển ', không có ' tập tin JS.js ”, bởi vì nó bây giờ là một phần tử con của phần tử tập lệnh.
Sự kết luận
Để ẩn mã JavaScript trong nguồn xem, hãy tắt các phím nóng như “ Ctrl+Shift+I ”, “ Ctrl+U ' và ' F12 ” được sử dụng để mở các công cụ của nhà phát triển để xem mã nguồn và trình đơn ngữ cảnh nhấp chuột phải trên trang web. Hoặc lưu trữ tệp mã JavaScript trong một thẻ tập lệnh khác. Bài đăng này mô tả quy trình ẩn mã JavaScript trong nguồn xem.