Menguraikan kode VKontakte. Cara mengubah kode HTML halaman di kontak
Artikel ini merupakan tambahan pada artikel tentang deobfuscation skrip. Prinsip dasar enkripsi dan pengemasan akan dibahas di sini. titik lemah perlindungan, metode penghapusan manual, serta alat universal untuk pelepasan pengepakan secara otomatis dan perlindungan berengsel dari skrip JavaScript. DI DALAM akhir-akhir ini makin kode sumber skrip dienkripsi atau dikemas. Yandex, DLE, dan proyek populer lainnya mulai terbawa oleh hal ini, dan cerita indah tentang "menjaga pengguna", "menghemat lalu lintas", dan omong kosong lainnya terlihat sangat lucu. Nah, jika seseorang menyembunyikan sesuatu, maka tugas kita adalah mengungkapnya.
Mari kita mulai dengan teorinya. Karena kekhasan eksekusi JavaScript, semua enkripsi dan pengepakan, terlepas dari keragamannya, hanya memiliki dua opsi algoritme: atau sebagai alternatif: Metode kedua paling sering digunakan untuk perlindungan kode sumber html halaman, serta berbagai Trojan untuk disuntikkan ke halaman kode berbahaya, seperti bingkai tersembunyi. Kedua algoritma dapat digabungkan, “kecanggihan” dan kompleksitas decryptor bisa apa saja, hanya prinsipnya sendiri yang tidak berubah.
Dalam kedua kasus tersebut ternyata fungsinya evaluasi() Dan dokumen.tulis() Data yang didekripsi sepenuhnya dikirimkan. Bagaimana cara mencegatnya? Coba ganti evaluasi() pada peringatan(), dan di Kotak Pesan yang terbuka Anda akan segera melihat teks yang didekripsi. Beberapa browser mengizinkan Anda menyalin teks dari Kotak Pesan, tetapi lebih baik menggunakan dekoder semi-otomatis ini:
- < html >
- < head >< title >Dekoder JavaScript
- < body >
- < script type = "text/javascript" >
- // Fungsi untuk menulis hasil dekripsi ke log
- dekoder fungsi (str) (
- dokumen. getElementById("didekode" ). nilai += str + "\n" ;
- < textarea id = "decoded" style = "width:900px; height:500px;" >
- < script type = "text/javascript" >
Misalnya, mari kita ambil beberapa skrip dari Yandex, setelah melihat kode sumbernya, kita melihat sesuatu yang tidak sehat:
Eval(fungsi(p,a,c,k,e,r)(e=fungsi(c)(kembali(c
"".replace(/^/,String))(sementara(c--)r=k[c]||e(c);k=)];e=function())(return"\w+") ; c=1);sementara(c--)jika(k[c])
p=p.replace(RegExp baru("\b"+e(c)+"\b","g"),k[c]);return p)("$.1e
.18=8(j)(3 k=j["6-9"]||"#6-9";3 l=j["6-L"]||".u-L";3 m=j ["6-L-17"]
||"";3 n=j["1d"]||0;$(5).2(".6-9").14("7");$(5).2(".6 -9").Z("7",8(
)(3 a=$(5).x();3 o=$(5).x();3 h=$(5).B("C");$(5).v("g -4");$(5).16(
$(k).q());3 t=$(o).2("15");3 c=$(o).2(".b-r");3 d=$(o).2 (".b-12");
[Omong kosong lainnya dipotong]
Saya akan segera mengatakan bahwa skrip ini diproses oleh Kompresor JavaScript, mudah dikenali dari tanda tangannya - nama karakteristik fungsi di awal skrip. Salin seluruh teks sumber skrip, ganti yang pertama evaluasi pada dekoder, tempelkan ke decoder dan simpan sebagai halaman html. Buka di browser apa pun dan lihat bahwa skrip yang belum dibongkar segera muncul di area teks. Masih terlalu dini untuk bersukacita; semua jeda baris dan format kode telah dihapus. Cara mengatasinya tertulis di artikel tentang deobfuscation.
Contoh kedua. Berikut adalah halaman html yang dicakup program HTML Pelindung. Ini adalah halaman yang menunjukkan kemampuan program, sehingga semua opsi diaktifkan di sana: memblokir pemilihan dan penyalinan teks, menonaktifkan tombol kanan mouse, melindungi gambar, menyembunyikan bilah status, mengenkripsi kode html, dll. Mari buka kode sumbernya dan lihat. Di bagian paling atas adalah document.write yang sudah familiar dan skrip terenkripsi. Kami menjalankannya melalui decoder, kami mendapatkan fungsi untuk mendekripsi konten utama:
Kode (JavaScript):
- hp_ok = benar ;fungsi hp_d01 (s )( ... potong ... o = ar . join ("" )+ os ; dokumen . tulis (o )
Kami mengganti fungsi document.write terakhir dengan decoder dan memasukkan ketiga skrip terenkripsi yang tersisa setelahnya:
- < script type = "text/javascript" >
- // Tempel skrip terenkripsi di sini terlebih dahulu
- // ganti semua panggilan ke eval() dan document.write() dengan decoder().
- hp_ok = benar ;fungsi hp_d01 (s )( .... o = ar . join ("" )+ os ; decoder (o );
- hp_d01 (unescape (">QAPKRV%22NCLEWC ....
- hp_d01 (tidak lolos ( ">QAPKRV%22NCLEWCEG? HctcQa ...
- hp_d01 (tidak lolos ( ">`mf(%22`eamnmp? !DDDDDD %22v ...
Untuk kenyamanan, skrip dalam artikel ini tidak diberikan secara lengkap; Anda harus menyalinnya secara keseluruhan. Kami membuka decoder di browser dan melihat skrip keamanan yang ditambahkan oleh program dan teks sumber halaman yang didekripsi. Untuk kenyamanan, Anda hanya dapat mendekripsi skrip ketiga, yang berisi kode html halaman tersebut. Hanya itu saja perlindungannya. Seperti yang Anda lihat, tidak ada yang rumit. Perlindungan lain untuk halaman HTML dihapus dengan cara yang sama.
Mari beralih dari dekripsi manual ke dekripsi otomatis. Untuk menghapus jenis perlindungan pertama, saya sedikit memodifikasi skrip Beautify Javascript yang sudah Anda ketahui dan mengkompilasinya menjadi file exe. Ini menangani sebagian besar perlindungan dan pembungkus JavaScript yang pernah saya lihat tanpa masalah.
Eval.JavaScript.Unpacker.1.1-PCL.rar (12.124 byte)
Untuk lebih lanjut kasus yang kompleks Kita harus menggunakan artileri berat. Ini proyek gratis, dirancang untuk meneliti Trojan dan kode berbahaya lainnya. Karena semua program yang dirancang untuk melindungi hak cipta jelas-jelas berbahaya, Malzilla akan membantu kita melawannya. Unduh (saat ini 1.2.0), buka kemasannya, luncurkan. Buka tab Decoder kedua, di jendela atas masukkan kode skrip terenkripsi, tekan tombol Jalankan skrip.
Dalam sebuah folder evaluasi_temp Semua hasil eksekusi fungsi eval(), termasuk fungsi perantara, dijumlahkan. Anda dapat melihatnya dengan mengklik tombol Tampilkan hasil eval(), teks akan terbuka di jendela bawah. Itu dapat disalin, ditempelkan ke jendela atas dan segera diformat dengan mengklik tombol Kode format. Selain decoder, Malzilla memiliki lebih banyak alat dan pengaturan yang memudahkan untuk menghapus perlindungan apa pun dari skrip JavaScript.
Anda juga bisa memperhatikan satu hal lagi alat gratis untuk bekerja dengan skrip terenkripsi - FreShow. Fungsinya lebih sedikit, tetapi ada tempatnya. Dari luar lokasi Anda dapat mengunduh video demo yang menunjukkan contoh bekerja dengan program ini.
Seperti yang Anda lihat, tidak ada yang sulit dalam menghapus perlindungan dari skrip JavaScript dan halaman html. Apakah Anda masih terus membela "hak penulis" Anda yang keji? Lalu kami mendatangi Anda!
Kami merilis buku baru"Pemasaran konten masuk jejaring sosial: Cara menarik perhatian pelanggan dan membuat mereka jatuh cinta dengan merek Anda.”
Kode sumber situs adalah kumpulan markup HTML, gaya CSS, dan skrip JavaScript yang diterima browser dari server web.
Lebih banyak video di saluran kami - pelajari pemasaran internet dengan SEMANTICA
Hal ini dapat dibandingkan dengan serangkaian perintah yang diberikan kepada prajurit oleh seorang komandan. Bayangkan penonton tidak melihat atau mendengar bosnya. Dari sudut pandang mereka, militer melakukan tindakan secara independen. Dalam kasus kami, komandan adalah browser, perintah adalah kode sumber, dan tentara yang berbaris adalah hasil akhirnya.
Situs disimpan di server web, yang mengirimkan halaman berdasarkan permintaan pengguna. Permintaannya adalah mengetikkan URL di bilah alamat, mengklik link, atau mengklik tombol kirim pada formulir. Tidak masalah bahasa apa yang digunakan untuk menulis halaman web, apakah itu disertakan bagian perangkat lunak. Hasil akhir dari algoritma sisi server adalah sekumpulan tag html dan teks.
Kode sumber halaman adalah sekumpulan data yang mencakup:
- markup html;
- lembar gaya atau tautan file;
- program yang ditulis dalam JavaScript atau tautan ke file dengan kode.
Ketiga bagian ini diproses oleh browser. Untuk server, ini hanyalah teks yang perlu dikirim sebagai respons terhadap permintaan.
Mengapa kita mungkin perlu mempelajari kode sumbernya
Segala sesuatu yang kami lihat, dapat kami analisis dan terapkan untuk memecahkan masalah tertentu yang muncul saat bekerja dengan situs, terutama saat mengoptimalkannya. Dengan melihat kode sumbernya, kita dapat:
- Lihat tag meta situs Anda atau situs orang lain untuk menganalisisnya.
- Lihat ada tidaknya elemen tertentu di situs: penghitung, kode identifikasi di berbagai sistem, skrip tertentu dan hal lainnya.
- Cari tahu parameter elemen: ukuran, warna, font.
- Temukan jalur ke foto dan elemen lain yang terletak di halaman.
- Jelajahi tautan dari halaman tersebut.
- Temukan masalah dengan kode yang mengganggu proses optimasi situs web: yang tidak diatasi file terpisah gaya, skrip, kode tidak valid.
Ini adalah fitur dasar, namun kenyataannya, dengan mampu membaca kode, Anda dapat mempelajari lebih banyak tentang halaman tersebut.
Cara melihat kode sumber suatu situs
Tidak mungkin melakukan ini sepenuhnya dalam bentuk yang diposting di server dari browser. Namun Anda dapat melihat semua markup dengan mengklik halaman tersebut tombol kanan tikus. Di sini dan di bawah menggunakan contoh Google Chrome.
Pilih opsi “Lihat kode halaman” dan dapatkan daftar lengkap di tab terpisah.
Itu hanya teks yang harus Anda analisis untuk memahaminya. Namun Anda bisa mendapatkan kode interaktif menggunakan alat pengembang.
Cara menemukan kode sumber halaman situs web
Klik pada ikon menu di browser. Paling sering terletak di sebelah kanan dan terlihat seperti tiga titik atau garis.
Di bagian alat tambahan pilih "Alat Pengembang".
Sebuah jendela akan terbuka menunjukkan status aktif kode. Ini berarti bahwa ketika Anda mengklik markup, gaya elemen akan muncul di sebelahnya, dan blok yang dipilih akan disorot pada halaman.
Di tab “Sumber” Anda dapat melihat konten beberapa file: skrip, font, gambar.
Di tab “Keamanan”, Anda dapat memeriksa sertifikat situs.
Tab “Audit” akan membantu Anda memeriksa sumber daya yang diposting di hosting.
Jika letak panel di sebelah kanan kurang nyaman, Anda dapat mengklik tiga titik dan mengubahnya dengan memilih item yang diinginkan.
Cara melihat meta tag
Setiap dokumen HTML menyertakan tag struktur. Berikut beberapa di antaranya:
- Html – seluruh dokumen.
- Kepala – bagian header layanan.
- Judul – judul halaman (ditampilkan pada tab).
- Isi – isi dokumen.
- H1-H6 – judul teks halaman.
- Artikel – artikel.
- Bagian – bagian.
- Tidak bisa – tidak bisa.
- Div – blok.
- Rentang – tali.
- P – paragraf.
- Meja – meja.
Elemen dirancang untuk membatasi bagian-bagian pada halaman secara logis; jika perlu, elemen tersebut dirancang menggunakan gaya. Mereka berisi teks yang entah bagaimana terlihat di halaman. Namun tag Head berisi informasi layanan. Tag meta digunakan untuk menunjukkannya. Segala sesuatu yang tertulis di dalamnya ditujukan untuk server dan mesin pencari.
Isinya tidak dapat ditemukan dengan cara lain apa pun.
Mari kita perhatikan Label tautan. Dengan bantuannya, tautan ke file eksternal yang disertakan ditentukan. Jika diinginkan, Anda dapat melihat isinya dan menyimpannya ke disk. Untuk melakukan ini, pindahkan penunjuk ke alamat dan tekan RMB. Pilih "Buka di Tab baru".
Akan terbuka di tab baru berkas yang ditentukan, yang dapat Anda lihat atau simpan.
Cara melihat kode sumber halaman untuk men-debug skrip
Dalam hal ini, akan lebih mudah untuk membuka halaman di mesin lokal. Jika Anda hanya perlu memperbaiki markup, gaya, dan skrip, maka ini dapat dilakukan langsung dari foldernya. Kode HTML dilihat dengan cara yang sama. Inilah kesalahannya kode JavaScript dapat dilihat di tab “Konsol”. Ini menunjukkan deskripsi kesalahan dan nomor baris tempat terjadinya.
Sintaksnya bisa dilihat langsung di kodenya. Inilah gunanya tab “Sumber”.
Cara melihat kode elemen tertentu
Untuk halaman besar Dengan sejumlah besar unsur-unsurnya sulit ditemukan kode yang diperlukan di seluruh markup. Dalam hal ini, Anda harus menggunakan tim khusus menu konteks. Gerakkan mouse ke atas fragmen dan tekan RMB. Pilih perintah “Lihat Kode”.
Jendela yang sama akan terbuka, tetapi dengan fokus pada objek yang dipilih.
Melanjutkan
Kami telah memberi tahu Anda apa itu kode sumber halaman. Cukup menguasai pengetahuan dasar HTML dan CSS, serta penggunaannya alat yang nyaman pengembang, Anda dapat men-debug dokumen HTML Anda sendiri.
Melihat kode sumber daya di Internet akan memungkinkan Anda belajar tidak hanya darinya pengalaman sendiri, tetapi juga menggunakan contoh kerja nyata. Dan bagi pakar SEO, tag meta akan berguna, informasi yang dapat memberi tahu banyak tentang situs tersebut.
Di bawah semua orang gambar yang indah, tipografi yang sempurna, dan ajakan bertindak yang ditempatkan dengan luar biasa, kode sumber situs Anda berada.
Setiap hari, browser Anda mengubah kode ini menjadi halaman yang mengesankan bagi pengunjung dan klien Anda.
Google dan mesin pencari lainnya "membaca" kode ini untuk menentukan di mana halaman web Anda akan muncul dalam indeks mereka untuk permintaan pencarian tertentu.
Oleh karena itu, sangat nilai yang besar Untuk optimasi mesin pencari(SEO) memiliki apa yang ada di kode sumber.
Ini panduan cepat, akan menunjukkan cara membaca kode sumber situs sehingga Anda yakin SEO Anda benar dan mengajari Anda cara memeriksa persyaratan SEO.
Kita juga akan melihat beberapa situasi lain di mana mengetahui cara melihat dan memeriksa bagian utama kode sumber akan membantu dalam upaya pemasaran lainnya.
Cara melihat kode sumber.
Langkah pertama dalam memeriksa kode sumber situs Anda adalah dengan melihat kode sumber sebenarnya. Browser web apa pun memungkinkan Anda melakukan ini dengan mudah.
Di bawah ini adalah perintah keyboard untuk melihat kode sumber halaman web Anda komputer Dan Mac.
- Firefox - CTRL + U (Tahan tombol CTRL dan tekan tombol "U") Alternatifnya, Anda dapat membuka menu "Firefox", lalu klik "Pengembang Web" dan kemudian "Sumber Halaman".
- Penjelajah Internet- CTRL + U. Atau klik kanan dan pilih "Lihat Sumber".
- Chrome - CTRL + U. Anda dapat mengklik gambar kunci dengan tiga garis horizontal di sebelah kanan sudut atas. Kemudian klik "Alat" dan pilih "Lihat Sumber".
- Opera - CTRL + U. Anda juga dapat mengklik kanan halaman web dan memilih "Lihat Sumber Halaman".
Mac
- Safari - kombinasi Kunci opsi+ Command + U. Anda juga dapat mengklik kanan pada halaman web dan memilih “Tampilkan Sumber Halaman.”
- Firefox - Anda dapat mengeklik kanan dan memilih "sumber" atau Anda dapat menavigasi ke menu "Alat", pilih "Pengembang Web", dan klik "Sumber Halaman". Kombinasi Tombol Ctrl+kamu.
- Chrome - Buka "Lihat", lalu klik "pengembang", lalu "Lihat Sumber". Anda juga dapat mengeklik kanan dan memilih "Lihat Sumber Halaman". Pintasan keyboardnya adalah Option + Command + U.
Setelah Anda mengetahui cara melihat kode sumber, Anda harus mengetahui cara mencarinya.
Biasanya, fitur pencarian yang sama yang Anda gunakan saat menjelajahi web biasanya juga berlaku untuk pencarian sumber.
Perintah CTRL + F (temukan) akan membantu Anda dengan cepat melihat kode sumber elemen SEO penting.
Tag judul.
Tag judul adalah elemen terpenting dari SEO. Ini adalah hal terpenting dalam kode sumber.
Jika Anda hanya ingin mengambil satu hal berharga dari artikel ini, pertimbangkan ini:
Anda tahu ini Hasil Google menyediakan ketika Anda sedang mencari sesuatu.
Semua hasil ini diambil dari tag judul halaman web. Jadi jika Anda tidak memiliki tag judul dalam kode sumber Anda, Anda mungkin tidak muncul di Google (atau mesin pencari lainnya).
Percaya atau tidak, saya pernah melihat situs web tanpa tag judul. Mari kita coba lakukan pencarian cepat di Google untuk istilah " Panduan Pemasaran". Apa yang kami lihat: 
Anda dapat melihat hasil pencarian pertama untuk blog tersebut metrik KISS bab Panduan Pemasaran.
Jika kita mengikuti link hasil pencarian pertama dan melihat kode sumber halaman tersebut, kita dapat melihat tag di judul: 
Tag judul ditunjukkan dengan tag pembuka: