Cara melihat source code php website

Setiap website dan blog tersusun atas source code atau sumber kode yang merupakan kumpulan deklarasi bahasa pemograman komputer yang ditulis dan dapat dibaca manusia. Source code web tersusun atas kode html, css5, java script, jquery atau bahkan php yang digunakan di wordpress. View source code digunakan untuk memperbaiki bug sebuah website dimana letak kesalahan saat kita menyusun kode sebuah blog atau website disamping kita inspect element website kita di PC atau laptop.

Apa itu source code? 
Source code merupakan kumpulan kode baik itu berupa source code php, html, css, js didalam sebuah template website atau aplikasi.

cara melihat sorce code website apakah yang ia gunakan wordpress ataupun blogger :

- Melihat source code di android

1. Melihat source code website di chrome browser for android, mozilla firefox, microsoft edge, samsung browser

- ketik di address bar source:url_alamat_website target misal view-source:https://omevan.blogspot.com akan terlihat source kode html, css dan js.

2. Menggunakan opera browser for android
Di website yang telah sobat baca lalu ketikkan di adress bar server:source lalu tap go

3. Menggunakan aplikasi android
Anda bisa menampilkan kode sumber website dengan web tools di android dengan menekan menu lalu tap source viewer dan ketik alamat url website nanti akan tampil source code.
Disamping itu anda bisa menggunakan aplikasi View html source code, icode-go, quoda dan masih banyak aplikasi yang lainnya yang dapat melihat source code di android selain itu anda dapat melakukan pencarian source code viewer untuk aplikasi lainnya di google play store.

- Melihat source code di komputer atau PC

1. Melihat code sumber website di pc dengan menggunakan chrome, mozilla firefox, internet explorer dan microsoft explorer
Yaitu dengan perintah yang sama dengan mengklik kanan pada mouse di halaman website dan klik view page source atau view source (lihat kode sumber laman). Jangan klik kanan pada saat mouse pada gambar atau tautan link karena perintah view page source tidak akan muncul tetapi letakkan pada area halaman website.
Anda bisa dengan menekan Option + Comand + U secara bersamaan di MAC untuk windows CTRL + U.

2. Melihat source code di browser safari

Di browser safari klik ikon kompas, klik safari lalu preferences, klik advanced klik develop menu in menu bar. Secara otomatis develop akan tampil di browser safari pada komputer mac.
Buka website lalu klik develop lalu show page source atau dengan perintah Comand + U maka akan terlihat source code website maka anda tinggal copy paste atau sekedar melihatnya.

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.

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.

Bagaimana cara melihat source code di halaman web?

Apa itu View Page Source?

Bagaimana cara menampilkan source code pada halaman website di android hp?