Cara mengunci konten website agar tidak bisa di edit melalui inspect element / developer tool – Terkadang ada saja orang yang iseng melakukan perubahan-perubahan terhadap konten kita melalui fitur yang terdapat di browser seperti inspect element atau developer tools.
Cara tersebut bisa saja dilakukan oleh orang yang tidak bertanggung jawab untuk melakukan penipuan atau bahkan fitnah. Misalnya saja yang terjadi pada pendapatan seseorang di Google Adsense, kalau kita lihat di berbagai forum, banyak sekali orang yang sebenarnya pendapatannya hanya beberapa $dollar namun diubah melalui inspect element menjadi ribuan $dollar, padahal page view nya saja 0. Anda bisa lihat di screenshot berikut ini.
Hal tersebut biasanya dilakukan oleh seseorang agar dianggap hebat dan sukses oleh orang lain, sehingga program atau jasa yang dia jual terkesan sangat menjanjikan karena sudah terbukti dan bisa jualannya laku banyak. Padahal semua bohong.
Namun ada juga yang melakukan hal tersebut untuk iseng-iseng saja, sebagai bahan lucu-lucuan dan lainnya, seperti contoh diatas yang hanya untuk lucu-lucuan yang dilakukan seorang teman lalu dia share ke Facebook.
Agar konten tidak bisa di edit melalui Inspect Element / developer tool
Nah untuk itu, agar informasi penting yang ada di website Anda tidak bisa diubah-ubah maka ada baiknya bagian konten yang penting tersebut dibuat kebal terhadap inspect element / developer tools.
Caranya cukup mudah, gunakan saja plugin Jquery Lock.
Dengan plugin ini, kita bisa mengunci sebuah elemen agar tidak bisa di ubah-ubah oleh orang lain bahkan melalui inspect elemen atau developer tools yang ada di Google Chrome.
Penggunaannya cukup mudah, Anda cukup menyertakan jquery dan plugin jquery lock di website Anda, lalu gunakan script seperti dibawah ini, dalam contoh ini kita akan mengunci tag H1
dan DIV yang memiliki class .kunci
. Selain class tersebut tetap bisa di edit.
Anda juga bisa menambahkan pesan alert ketika orang hendak mengubah konten dengan menambahkan parameter berikut di method lock().
Silahkan lihat demo dan download script nya
Anda juga bisa mengunduh plugin Jquery Lock disini.
* Untuk lebih menyulitkan, lebih bagus lagi jika konten penting tersebut di generate dengan javascript juga, sehingga tetap tidak bisa di ubah ketika javascript dimatikan.
*Trik ini memang tidak 100% efektif, karena apapun yang sudah di baca browser pasti bisa diubah, namun ini cukup bagus untuk pencegahan dan setidaknya untuk menambah pengetahuan serta skill ngoding.
Semoga berguna
Hahahahaha Siapa yg bilang tdk bisa di ganti wkwkwkwkw
Cara nya hapus “” “” Dan yg ini ”
$(document).ready(function() {
$(“.kunci”).lock();
});
” terus Edit as html di tulisan yg mau di ganti dan Hublaa ^_^ mau bukti ? [!] skrew.net/Untitled.png [!]
matiin javascript selesai..
Trik ini tentu hanya dasarnya saja, tentu akan lebih sulit lagi di ubah kalau konten yang penting tersebut di generate menggunakan javascript juga. Jadi kalau js dimatikan untuk merubah, konten penting yang ingin diubah jg tidak muncul.
js dihapus kelar urusan.. hehe
Ini hanya informasi sederhana untuk pembelajaran. Namun, Agar lebih sulit di edit, generate konten pentingnya dengan js juga :)
Msih bisa koq gan :)
Jelasin dunk, kok bisa gitu.
dia pake teknik apa? ._.
Terima kasih informasinya Admin, sangat bermanfaat untuk meng lock artikel di blog. He..he…
ya, setidaknya udah berusaha untuk memproteksi tulisan tersebut..
paling hanya beredar beberapa penipu penjual akun adsense dengan mengedit via Inspect elemen, dan korbanya adalah orang yang baru pertama kali terjun kedunia adsen.
Coba di suruh TVan atau rekam video, pasti pada gg bisa bilang apa apa deh . . .
Sama kayak make timer.
var x = $(“#myL”).innerHTML;
setInterval(function(){$(“#myL”).innerHTML(x);},1);
Thanks tapi ga ada yang aman Pak hehe
Kami paham, tapi ilmu tetap ilmu, walaupun sedikit pasti ada gunanya
True om , ilmu memang harus dibagikan walau sedikit , siapa tahu membuka jalan kesurga :D
Apakah untuk blogspot bisa menggunakan cara di atas?