Posting ini akan menjelaskan proses menyembunyikan kode JavaScript di view source.
Bagaimana Cara Menyembunyikan Kode JavaScript di Lihat Sumber?
Pertama, untuk menyembunyikan kode JavaScript di sumber tampilan, lihat cara membuka sumber tampilan di alat Pengembang. Di halaman web, ada beberapa cara untuk membuka view source dan melihat kode yang relevan.
Cara pertama adalah dengan “ klik kanan ” di halaman tersebut dan klik tombol “ Lihat sumber halaman ' pilihan dalam ' contextMenu ” atau gunakan tombol pintasan “ Ctrl+U ”:
Ini akan menampilkan kode sumber lengkap halaman di tab baru seperti yang ditunjukkan di bawah ini:
Cara kedua adalah “ klik kanan ” di halaman tersebut dan klik tombol “ Memeriksa ” pilihan dari “ contextMenu ” atau gunakan tombol pintasan “ F12 ', dan ' Ctrl+Shift+I ”.
Sambil mengklik “ Memeriksa ”, itu akan membuka jendela yang diberikan di bawah ini dengan opsi, di mana pengguna dapat melihat kodenya.
Mari tambahkan fungsionalitas untuk mencegah klik kanan dan hotkey pada halaman web membuka ' Lihat sumber halaman ' pilihan.
Gunakan baris kode di bawah ini untuk mencegah klik kanan pada halaman web:
dokumen. addEventListener ( 'menu konteks' , ( dan ) => {dan. preventDefault ( ) ;
} , Salah ) ;
Cuplikan kode di atas:
- Pertama, aktifkan “ addEventListener() ” metode dengan melewatkan referensi dari “ Menu konteks ”.
- Kemudian, panggil ' preventDefault() ” metode dan atur “ Salah ”, yang berarti menghentikan acara/opsi klik kanan default.
Cuplikan kode di bawah ini mencegah tombol pintasan termasuk “ Ctrl+Shift+I ”, “ Ctrl+U ' dan ' F12 ”:
dokumen. addEventListener ( 'tombol' , ( dan ) => {jika ( dan. ctrlKey || dan. kata kunci == 123 ) {
dan. stopPropagation ( ) ;
dan. preventDefault ( ) ;
}
} ) ;
Keluaran
GIF di atas menunjukkan bahwa tidak ada tindakan yang dilakukan selama “ klik kanan ” atau tombol pintasan:
Sekarang, mari kita lihat cara menyembunyikan kode sumber jika pengguna menggunakan opsi di bawah ini.
Cuplikan di atas menunjukkan cara lain untuk membuka “ Alat pengembang ” selain klik kanan dan hotkey.
Untuk menyembunyikan kode JavaScript dari opsi ini, gunakan langkah-langkah berikut:
Langkah 1: Kode JavaScript
Buat file JavaScript untuk kode JavaScript yang relevan dengan fungsionalitas halaman. Di sini, kami membuat file JavaScript bernama “ JSfile.js , tempat semua kode JavaScript akan ditempatkan:
Langkah 2: Sembunyikan Kode JavaScript
Sekarang, sembunyikan file JavaScript dengan mengikuti baris kode berikut di a
scriptElement. Tipe = 'teks/javascript' ;
scriptElement. src = 'JSfile.js' ;
dokumen. tubuh . appendChild ( scriptElement ) ;
Dalam cuplikan kode di atas:
- Buat elemen skrip baru, menggunakan “ buatElemen() ' metode.
- Tambahkan file kode JavaScript “ JSfile.js ”, di elemen skrip yang baru dibuat sebagai elemen anak dengan memanggil “ tambahkanAnak() ' metode.
Keluaran
GIF di atas menunjukkan bahwa di sidebar dari “ Sumber ”, setelah membuka tab “ Alat Pengembang ', tidak ada ' JS file.js ”, karena sekarang menjadi elemen turunan dari elemen skrip.
Kesimpulan
Untuk menyembunyikan kode JavaScript di sumber tampilan, nonaktifkan hotkey seperti “ Ctrl+Shift+I ”, “ Ctrl+U ' dan ' F12 ” yang digunakan untuk membuka alat pengembang untuk melihat kode sumber, dan menu konteks klik kanan di halaman web. Atau simpan file kode JavaScript di tag skrip lain. Posting ini menjelaskan proses menyembunyikan kode JavaScript di sumber tampilan.