Khawatir Aset Dicuri? Cara Kerja & Bypass Proteksi F12 Laxy Motions!

Sistem proteksi kode Laxy.Motions (dikendalikan oleh berkas protection.js) adalah modul keamanan bawaan untuk melindungi hak cipta kekayaan intelektual asset template dari tindakan penyalinan ilegal (cloning). Proteksi ini memblokir akses klik kanan dan tombol keyboard F12/Inspect/View-Source, serta mengunci layar jika jendela Developer Tools terdeteksi terbuka.

📖

Skenario Penggunaan Nyata

Bayangkan Anda telah mendesain undangan custom premium untuk klien. Tamu yang membukanya adalah sesama vendor undangan digital yang ingin meniru efek 3D Parallax Anda secara ilegal dengan cara mengklik kanan, menginspeksi elemen, dan menyalin gambarnya. Dengan adanya protection.js, aksi pembajakan kode tersebut akan digagalkan seketika oleh layar kunci premium Laxy.

✨ Keunggulan Sistem Proteksi Berlapis Laxy

Multi-Layer Keyboard Blocking: Memblokir tombol F12, Ctrl+Shift+I (Inspect), Ctrl+Shift+J (Console), Ctrl+Shift+C (Inspect Element selection), Ctrl+U (View Source), dan Ctrl+S (Save Page).
Docked DevTools Detector: Memindai ukuran area jendela secara dinamis; jika ada perbedaan ukuran ekstrem akibat laci DevTools dibuka, sistem otomatis mengunci layar.
Self-Healing DOM Guard (MutationObserver): Mencegah tindakan bypass lewat penghapusan elemen overlay; jika elemen dihapus paksa di HTML, halaman web otomatis reload.
Bypass Mode untuk Development: Menyediakan parameter ?debug=true di URL agar developer resmi dapat melakukan coding/inspeksi dengan leluasa.

🛠️ Mengoperasikan & Melakukan Bypass Proteksi

Langkah 1: Memahami Alur Kerja protection.js

Modul proteksi dimuat melalui pemanggilan script pada file index.html template undangan klien:

<script src="assets/js/protection.js"></script>

Berkas ini secara mandiri menjalankan fungsi-fungsi proteksi secara lokal di browser tamu.

Langkah 2: Menggunakan Mode Bypass Saat Development

Sebagai desainer/vendor resmi, Anda tentu perlu melakukan debugging visual atau memeriksa konsol log saat mengembangkan tema. Untuk menonaktifkan proteksi ini secara sementara tanpa menghapus kode keamanan, tambahkan parameter bypass khusus di akhir URL undangan Anda:

Contoh Struktur URL: http://localhost:8000/templates/bali/?debug=true (parameter ini dibaca di bagian awal berkas protection.js; nilainya harus persis true).

Ketika parameter pengembang ini terdeteksi, konsol browser menampilkan pesan [Laxy Security] Debug mode active. Protections disabled. dan seluruh sistem penguncian layar serta pemblokiran inspect element dinonaktifkan untuk pemuatan halaman tersebut.

Proteksi juga otomatis tidak aktif saat template dibuka di dalam iframe dari domain yang sama (misalnya pratinjau template di landing page), sedangkan iframe dari domain lain tetap terkena proteksi.

Langkah 3: Menghapus Proteksi Secara Permanen (Tidak Direkomendasikan)

Jika Anda membuat undangan gratis atau klien secara khusus meminta agar kode sumbernya tidak diproteksi (misal agar tamu bisa dengan bebas menyalin teks/galeri), Anda cukup menghapus baris pemanggilan script protection.js di dalam berkas index.html sebelum melakukan upload ke hosting.

📖

Proteksi Aset via .htaccess (Lapisan Terpisah)

Selain protection.js, setiap folder template membawa file .htaccess yang menolak akses langsung ke file JS dan CSS (error 403) dari domain yang tidak terdaftar. Lapisan ini bekerja di server dan tidak terpengaruh parameter ?debug=true. Daftarkan domain hosting Anda agar undangan tidak tampil kosong: Daftarkan Domain di .htaccess.

💡

Pro Tips Keamanan & Kustomisasi

Layar kunci didesain menggunakan skema warna gelap premium yang cocok dengan tema gelap bawaan. Jika Anda ingin menyelaraskan warna latar belakang layar kunci agar serasi dengan warna agensi Anda, Anda dapat mengubah nilai overlay.style.backgroundColor (bawaan rgba(44, 40, 36, 0.96)) pada baris 100 di berkas assets/js/protection.js.

🔗 Modul Panduan Terkait

Lanjut ke panduan teknis atau solusi troubleshooting lainnya:

💡 Pertanyaan Sering Ditanya (FAQ)

Mengapa layar kuncinya muncul padahal saya tidak menekan tombol F12?

Hal ini terjadi karena sistem mendeteksi jendela Developer Tools dalam keadaan terbuka (docked) di browser Anda, atau Anda mengubah ukuran (resize) browser secara ekstrem sehingga melewati batas toleransi lebar/tinggi window. Tutup DevTools Anda terlebih dahulu atau tekan tombol Tutup & Kembali untuk memberi jeda bypass.

Bagaimana cara keluar dari layar kunci tanpa menutup tab browser?

Anda cukup menekan tombol keyboard ESC atau mengklik tombol Tutup & Kembali pada layar kunci. Sistem akan mematikan deteksi DevTools secara aman selama 15 detik ke depan untuk memberi Anda waktu menutup laci Developer Tools.

Apakah proteksi ini 100% aman mencegah download file atau pembajakan?

Di dunia web, tidak ada sistem keamanan frontend yang 100% mutlak aman karena browser tamu harus mengunduh aset untuk menampilkannya. Namun, protection.js menutup cara penyalinan yang paling umum (klik kanan, View Source, dan shortcut DevTools), sehingga pengguna awam tidak bisa menyalin template dengan mudah.