Jelaskan 4 Cara Melihat source code website

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.

Table of Contents Show

1. Melihat Source Code pada Chrome dan Firefox Android
2. Menampilkan Kode Sumber Browser Android
3. Menampilkan Source Code Opera Mini Android
Langkah langkah untuk melihat source code dari sebuah website?
Bagaimana cara melihat source code halaman?
Apa itu View Page Source?

Table of Contents Show

1. Melihat Source Code pada Chrome dan Firefox Android
2. Menampilkan Kode Sumber Browser Android
3. Menampilkan Source Code Opera Mini Android
4. Menampilkan Kode HTML Android dengan VT View Source

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..

Menampilkan / View Source dan Mencari Kode HTML di Android

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.

Hallo teman-teman berjumpa lagi bersama saya, kali ini saya akan membahas tentang cara melihat kode sumber suatu situs web seperti google, facebook dan lain-lain, jangan sampai ketinggalan ikuti terus tutorialnya dibawah ini.

Mungkin bagi teman-teman saat sedang berselancar di internet lalu melihat suatu situs yang tampilanya dinamis atau keren, kalian ingin melihat source code atau kode sumber dari situs yang kalian kunjungi.

Dengan android, kita jadi bingung bagaimana kita bisa melihat source code di suatu situs web
tapi dengan android pula, bahwa tidak ada yang tidak mungkin, kita bisa melihat kode sumber seperti kita memakai komputer atau pun laptop.

Nah, bagi teman-teman tidak perlu khawatir tidak bisa melihat kode sumber dan tidak masalah jika teman-teman hanya memakai android dan jangan khawatir untuk tidak bisa melihat kode sumber suatu situs.

Sekarang ini saya akan membagikan cara melihat kode sumber suatu situs web di android, jadi kita bisa belajar dengan kode sumber tersebut. baiklah langsung saja ya mulai, ikuti tutorial di bawah ini.

Untuk bisa melihat kode sumber di android, yang pertama tentunya kita membutuhkan aplikasi yang harus kita dapatkan di playstore, nama aplikasinya adalah VT View Source kalian bisa mendapatkannya di play store, aplikasi ini berfungsi untuk seperti yang telah saya jelaskan diatas yaitu untuk melihat kode sumber suatu situs web.

Setelah installasi selesai, buka aplikasi VT View Source dan di tampilan pertama kalian akan di suruh memasukan alamat atau link situs web yang ingin dilihat kode sumber nya.

Kalian bisa melihat contoh di bawah ini untuk memasukan alamat url suatu situs yang ingin di lihat kode sumbernya.

Saya contohkan untuk melihat kode sumber dari situs google, maka kalian harus membuka google di browser kalian dan copy alamat url google kemudian kalian buka aplikasi VT View Source dan paste kan url yang sudah di copy dan tekan ok.

Ini akan loading dan kita bisa tunggu sebentar, loading juga tidak membutuhkan waktu yang lama, mungkin juga tergantung pada banyaknya kode sumber yang ingin kita lihat.

Setelah loading selesai maka dalam aplikasi akan menampilkan kode sumber google yang ingin di lihat.

Gambar di atas terlihat betapa banyaknya kode sumber sebuah website yang tak lain adalah website google seperti yang sudah di jelaskan di atas.

Gunakan langkah yang sama saat kalian ingin melihat kode sumber situs web lainya, kalian lihat di atas jika ingin melihat source code suatu situs web maka hanya menggunakan url situs yang ingin di lihat source code nya seperti yang sudah di jelaskan.

Bagaimana teman-teman, sangat mudah sekali kan, tujuan melihat kode sumber adalah kadang seseorang yang sedang belajar html ingin tahu bagaimana kode sumber suatu situs di buat.

Kemudian ingatlah jangan di jadikan sebagai copy paste saat kalian membuat proyek kalian sendiri, tapi gunakanlah kode sumber tersebut sebagai pembelajaran saja.

Karena bagaimana pun yang namanya copy paste itu jahat. coba bayangkan saja, kita sudah lelah bikin aplikasi, ternyata ada aplikasi lain yang source codenya sama persis kaya kita, karena mereka telah mengcopynya, jadi kita pasti kesel.

Nah maka dari itu kita harus bisa menjadi diri sendiri, setidaknya bisa mengembangkan sumber kode tersebut atau membuatnya walau dari nol.

Demikian cara melihat source code di suatu situs web dengan android, semoga kalian cepet paham dengan semua tutorial yang sudah saya bagikan dan saya senang berbagi dan berbagi adalah hobby saya.

Perbanyaklah ilmu tapi perbanyak juga berbagi ilmu, jangan jadi kaya ilmu tapi pelit, jadilah pintar namun selalu memberi pengetahuan kepada orang yang membutuhkan pengetahuan.

Mohon maaf bila ada suatu kesalahan dalam penulisan atau penjelasan karena tidak ada manusia yang sempurna, jangan lupa saling sharing agar orang-orang lainya juga ikut belajar mengenai tutorial ini.

Ok itu saja yang bisa saya tulis semoga bermanfaat bagi para pembaca semuanya, sekian dan terima kasih.

Share on Facebook

Share on Twitter

Langkah langkah untuk melihat source code dari sebuah website?

Lebih jelas untuk melihat kode sumber atau source code pada halaman web:.

Firefox – CTRL + U (tekan tombol CTRL dan U pada keyboard secara bersamaan). atau menuju ke menu “Firefox” dan kemudian klik pada “Web Developer” dan kemudian “Page Source”..

Internet Explorer – CTRL + U. ... .

Chrome – CTRL + U. ... .

Opera – CTRL + U..

Bagaimana cara melihat source code halaman?

View page source akan muncul jika Anda menggunakan Firefox dan Chrome. Pada Internet Explorer dan Microsoft Edge, yang ditampilkan adalah View Source. Untuk memunculkan kode sumber, Anda juga bisa menekan tombol ⌥ Option + ⌘ Command + U (Mac) atau Ctrl + U (Windows) .

Apa itu View Page Source?

view-source adalah skema URI yang dipakai oleh beberapa peramban web untuk menampilkan kode sumber dari sebuah halaman web atau sumber web lainnya. Sebagai contoh, URI view-source:https://example.com akan menampilkan sumber halaman yang beralamatkan di https://example.com .