Inilah cara menampilkan kode sumber web lengkap untuk browser chrome, firefox, opera mini android tanpa aplikasi. Kode sumber atau source code pada sebuah halaman website merupakan kode html yang diterjemahkan oleh browser menjadi tampilan web seperti yang kita lihat. Bagi blogger atau web developer melihat source code bukanlah hal aneh karena cukup penting untuk mengetahui apakah pemakaian kode sudah benar demi masalah keamanan atau sekedar memperbaiki bug blognya. Bagi browser desktop / komputer sudah hampir pasti memiliki fitur “View Page Source” atau tampilkan kode sumber. Namun bagi browser android tidak ada cara menampilkan kode sumber web dalam menu secara jelas. Maka dari itu kali ini saya tertarik untuk membahas cara melihat kode sumber web pada android.
Bagi browser desktop komputer, cara menampilkan source code hampir seragam. Yaitu biasanya hanya dengan menekan tombol kombinasi shortcut Ctrl + U atau cukup klik kanan dan pilih menu “View page source”. Tapi bagi browser android caranya berbeda-beda, berikut rinciannya:
1. Melihat Source Code pada Chrome dan Firefox Android
Cara untuk memunculkan kode sumber html pada chrome dan firefox android ini sebenarnya sama persis seperti melihat source code versi desktop. Hanya saja, pada browser versi android tidak ada menunya, jadi harus dilakukan manual yaitu sebagai berikut. Dari halaman mana saja geser layar ke atas untuk memunculkan kotak address bar (kotak alamat atau pencarian) lalu ketik kode berikut:
view-source:www.finderonly.net
atau
view-source:https://www.finderonly.net
lalu tekan enter
Atau supaya lebih gampang, copy dulu alamat halaman tujuan, lalu ketik view-source:(paste)https://alamat.target. Cara ini biasanya berlaku untuk browser Chrome dan Firefox Android. Tapi tidak menutup kemungkinan berlaku juga di browser android lainnya. Jadi tidak ada salahnya dicoba pada setiap browser ya..
Kemudian untuk mencari teks dalam source code di android ini cari menu “Find in Page”. Caranya klik menu utama titik tiga chrome (…) pilih Find in page, setelahnya ketik kata kunci yang dicari. Untuk mencari seluruh kata kunci, tekan tombol panah di sampingnya. Arah panah ke bawah mencari kode setelahnya dan arah panah ke atas untuk kembali atau sebelumnya.
2. Menampilkan Kode Sumber Browser Android
Maksudnya adalah menampilkan kode sumber website pada browser bawaan asli Android. Caranya, buka browser android dan kunjungi halaman yang Anda ingin lihat kode sumber htmlnya. Pada address bar atau kolom URL bagian atas browser, hapus alamat web tersebut dan masukan kode ini:
javascript: alert(document.getElementsByTagName(‘html’)[0].innerHTML);
Setelahnya tekan tombol “Go” dan browser akan menampilkan kode sumber html di android Anda. Cara kedua ini lebih rumit ya, soalnya harus hafal kodenya. Gak mungkin juga sih dihafalin, paling simpan kode ini di catatan. Lalu bisa copy paste kode untuk view-source jika dibutuhkan nanti.
3. Menampilkan Source Code Opera Mini Android
Melihat kode sumber web dengan opera mini hampir sama dengan cara di atas, bahkan lebih mudah. Pada halaman yang mau dilihat sumbernya, geser ke atas untuk memunculkan kotak address bar lalu ketik kode ini:
server:source
Lalu tekan tombol “go” maka halaman tadi akan berubah menjadi kode sumber dan langsung terlihat source codenya.
Baca juga Mengaktifkan mode malam chrome dan firefox
Lalu tekan tombol go untuk memunculkan kode. Adapun alamatnya nanti disesuaikan dengan target alamat situs atau website yang ingin dilihat kode sumbernya. Alternatif lainnya Anda juga bisa melihat sekaligus export source code dari opera mini menggunakan kode berikut
server:source?post=http://url/ke/script/target
Salin kode di atas dan tempel di kolom address bar / omnibox opera mini lalu tekan enter. Jangan lupa ganti http://url dengan target halamannya.
4. Menampilkan Kode HTML Android dengan VT View Source
Jika cara sebelumnya hanya menggunakan kode pada masing-masing browser. Ada juga cara lain menampilkan kode sumber web di android yaitu dengan bantuan aplikasi VT View Source. Aplikasi gratis ini bisa dipakai untuk melihat kode HTML, CSS, XML dan Javascript dari jauh tanpa mengunjungi websitenya. Anda cuma harus mengetik alamat target saja dan biarkan aplikasinya menampilkan kode sumber untuk Anda. Selain itu aplikasi ini juga dilengkapi dengan tema syntax highlighting atau penyorot sintak sehingga kode ditampilkan secara rapih dan lebih mudah dimengerti. Aplikasinya juga kecil, fiturnya juga sangat membantu sehingga Anda wajib punya deh. Alternatif aplikasi menampilkan source code android lainnya diantaranya: HTML Website Inspector, HTML Source Code Viewer, HTML Page Source Viewer, Inspect & Edit HTML Live. Silahkan ketik saja kata kunci aplikasi tersebut dan temukan di Playstore gratis.
sangat bermanfaat