fbpx

Order Now - Dedicated Server High Performance

Panduan

Cara Melihat Coding Web dengan Mudah dan Cepat 

Wiliam

Pada saat bizzie sedang membuat website atau blog mungkin bizzie sering kebingungan saat menata layout atau dalam hal memilih warna yang cocok untuk website bizzie. Salah satu cara yang paling umum digunakan banyak orang untuk mencari ide adalah dengan mengunjungi web yang memiliki desain yang bagus. Namun, kebanyakan dari bizzie bingung bagaimana cara melihat coding web yang hendak bizzie kunjungi. 

Ketika bizzie sedang mengunjungi sebuah website, pasti akan timbul pertanyaan bagaimana sang kreator membuat layout yang indah pada websitenya dan apa saja kode css dan html yang digunakan, serta warna apa saja yang digunakan. Pada dasarnya semua browser memungkin para penggunanya untuk melihat html atau skrip lain pada halaman web yang dikunjungi. Oleh sebab itu, bizzie harus mengetahui bagaimana cara melihat coding web. 

Cara Melihat Coding Web 

Untuk mengetahui cara melihat coding web dengan mudah adalah dengan melihat source code website atau blog sang kreator pembuat website. Untuk cara-caranya bizzie bisa memperhatikan penjelasan dibawah ini: 

●       Buka halaman website atau blog yang ingin bizzie kunjungi dan melihat source codenya. Pada kesempatan kali ini kami akan menggunakan halaman utama dari salah satu website yaitu nyekrip.com. Ketika halaman sudah terupload secara sempurna, maka bizzie bisa klik kanan pada halaman tersebut. Maka bizzie muncul sebuah pilihan dan pilih ‘lihat sumber laman’.

●       Kemudian akan muncul halaman di tab baru secara otomatis, dan disitulah bizzie akan melihat source codenya. Cara yang sudah dijelaskan diatas adalah ketika bizzie membuka halaman website atau blog dengan menggunakan browser Chrome dalam bahasa Indonesia. Namun, apabila bizzie menggunakan browser Firefox langkahnya sama seperti diatas hanya pilihannya ‘View Page Source’.

Pada halaman source code ini bizzie dapat melihat kode html dan css apa yang dipakai oleh pemilik website. Selain itu, bizzie juga bisa melihat kode JavaScript yang biasanya sudah di enkripsi sehingga susah untuk dibaca. Namun, cara melihat coding web terkadang sulit dilakukan. Karena ada beberapa website atau blog yang pemilik websitenya mencegah agar halaman websitenya tidak bisa di klik kanan. 

Namun, cara untuk mengatasinya adalah dengan cara memilih menu option pada browser yang bizzie gunakan. Kemudian pilih ‘lihat sumber laman’ pada browser Chrome. Sedangkan pada Firefox bizzie bisa memilih ‘View Page Source’ atau langsung tekan CTRL + U secara bersamaan. Setelah bizzie melihat source codenya, maka bizzie hanya tinggal mempelajari isi kode tersebut dan bisa menjadikan ide baru untuk diterapkan dalam website bizzie sendiri. 

Agar lebih jelas dalam mengetahui cara melihat coding web, ini adalah langkah-langkah menggunakan berbagai macam browser: 

1. Firefox

Caranya adalah langsung tekan CTRl + U pada keyboard secara bersamaan. Atau bisa juga bizzie menuju menu ‘Firefox’ dan kemudian klik pada bagian ‘Web Developer’ dan kemudian klik ‘Page Source’

2. Internet Explorer

Cara melihat coding web dengan menekan CTRL + U secara bersamaan atau klik kanan dan pilih opsi ‘View Source’.

3. Chrome

Jika browser yang bizzie gunakan adalah Chrome, maka caranya adalah tekan CTRL + U secara bersamaan. Bizzie juga bisa mengklik ikon tiga garis horizontal di bagian sudut kanan atas kemudian klik pada ‘Tools’ dan pilih opsi ‘View Source’.

4. Opera

Langsung saja tekan CTRL + U pada keyboard secara bersamaan. Kemudian klik kanan pada halaman web dan pilih opsi ‘View Page Source’. 

Cara Melihat Coding Web di Android dengan VT View Source

Selain melalui browser, cara melihat coding web juga bisa bizzie lakukan di hp Android dengan bantuan aplikasi pihak ketiga bernama VT View Source. Dimana aplikasi ini sudah tersedia di Google PlayStore dengan ukuran yang cukup kecil yaitu hanya 1.6Mb saja. Berikut ini cara menggunakan aplikasi VT View Source: 

●       Pertama-tama buka aplikasi Google PlayStore kemudian ketik VT View Source pada bagian menu pencarian.

●       Kemudian klik instal untuk melakukan pemasangan aplikasi.

●       Selanjutnya bizzie hanya perlu menjalankan aplikasi VT View Source tersebut.

●       Pada bagian menu Open URL, ketik nama alamat website yang bizzie ingin lihat source code html nya kemudian klik Ok.

●       Setelah itu fitur view source code html akan muncul dengan menampilkan sumber kode website tersebut.

●       Lalu klik ikon + untuk zoom in dan ikon – untuk zoom out. 

Pada aplikasi VT View Source ini juga tersedia fitur seperti Search yang akan memudahkan bizzie dalam menemukan kode-kode tertentu. Bizzie hanya perlu Copy All untuk menyalin semua kode, Save to file untuk menyimpan source code website tersebut ke dalam bentuk file. Aplikasi yang satu ini dapat menjadi alternatif pilihan yang tepat untuk mengetahui cara melihat coding web melalui smartphone Android. Selain ukuran aplikasi yang kecil juga sangat ringan pada saat digunakan. 

Dengan melihat sumber kode dari suatu website tentu bizzie dapat melihat struktur kode website tersebut untuk dipelajari dan nantinya bisa bizzie terapkan pada website yang bizzie bangun. Selain itu, dengan mempelajari cara melihat coding web ini bizzie juga bisa memeriksa struktur kode website yang hendak bizzie bangun melalui smartphone Android. Sehingga prosesnya lebih mudah dalam memeriksa kapan saja dan dimana saja. 

Demikian pembahasan kali ini mengenai cara melihat coding web yang bisa bizzie terapkan melalui browser di komputer atau smartphone Android. 

Baca Juga