Cara Melihat Kode Sumber

Disusun bersama Staf wikiHow

Artikel wikiHow ini menjelaskan cara melihat kode sumber ( source code ), yaitu bahasa pemrograman yang ada di balik sebuah situs web, di hampir semua peramban ( browser ). Kecuali pada Safari, Anda tidak bisa melihat kode sumber di situs web jika menggunakan peramban versi seluler.

Metode 1

Metode 1 dari 3:

Chrome, Mozilla Firefox, Internet Explorer, dan Edge

Unduh PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a4\/View-Source-Code-Step-1-Version-6.jpg\/v4-460px-View-Source-Code-Step-1-Version-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a4\/View-Source-Code-Step-1-Version-6.jpg\/v4-728px-View-Source-Code-Step-1-Version-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Proses yang harus dilakukan untuk melihat kode sumber di Firefox, Chrome, Internet Explorer, dan Microsoft Edge adalah sama.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/11\/View-Source-Code-Step-2-Version-6.jpg\/v4-460px-View-Source-Code-Step-2-Version-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/11\/View-Source-Code-Step-2-Version-6.jpg\/v4-728px-View-Source-Code-Step-2-Version-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/View-Source-Code-Step-3-Version-6.jpg\/v4-460px-View-Source-Code-Step-3-Version-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/View-Source-Code-Step-3-Version-6.jpg\/v4-728px-View-Source-Code-Step-3-Version-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

3
Klik kanan pada halaman tersebut. Apabila Anda menggunakan Mac yang hanya memiliki satu tombol tetikus ( mouse ), tahan Control dan klik tetikus. Pada laptop yang menggunakan trackpad , gunakan dua jari untuk mengeklik halaman tersebut. Sebuah menu buka-bawah ( drop-down ) akan ditampilkan.
- Jangan mengeklik kanan foto atau tautan ketika Anda melakukan ini karena akan memunculkan menu yang keliru.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/4\/49\/View-Source-Code-Step-4-Version-6.jpg\/v4-460px-View-Source-Code-Step-4-Version-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/4\/49\/View-Source-Code-Step-4-Version-6.jpg\/v4-728px-View-Source-Code-Step-4-Version-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

4
Klik View page source atau View Source . Kode sumber peramban akan ditampilkan di jendela baru atau di bagian bawah jendela yang sedang dibuka.
- 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) .
Iklan

Metode 2

Metode 2 dari 3:

Safari

Unduh PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3d\/View-Source-Code-Step-5-Version-5.jpg\/v4-460px-View-Source-Code-Step-5-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3d\/View-Source-Code-Step-5-Version-5.jpg\/v4-728px-View-Source-Code-Step-5-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Ikon aplikasinya berbentuk kompas berwarna biru.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/View-Source-Code-Step-6-Version-5.jpg\/v4-460px-View-Source-Code-Step-6-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/View-Source-Code-Step-6-Version-5.jpg\/v4-728px-View-Source-Code-Step-6-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Sebuah menu buka-bawah akan ditampilkan.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8a\/View-Source-Code-Step-7-Version-5.jpg\/v4-460px-View-Source-Code-Step-7-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8a\/View-Source-Code-Step-7-Version-5.jpg\/v4-728px-View-Source-Code-Step-7-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Opsi ini terdapat di bagian tengah menu buka-bawah.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ed\/View-Source-Code-Step-8-Version-5.jpg\/v4-460px-View-Source-Code-Step-8-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ed\/View-Source-Code-Step-8-Version-5.jpg\/v4-728px-View-Source-Code-Step-8-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Tab ini berada di pojok kanan atas jendela Preferences.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/View-Source-Code-Step-9-Version-5.jpg\/v4-460px-View-Source-Code-Step-9-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/View-Source-Code-Step-9-Version-5.jpg\/v4-728px-View-Source-Code-Step-9-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Opsi ini terdapat di bagian bawah jendela Preferences. Menu Develop akan muncul di bilah menu komputer Mac.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/50\/View-Source-Code-Step-10-Version-5.jpg\/v4-460px-View-Source-Code-Step-10-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/50\/View-Source-Code-Step-10-Version-5.jpg\/v4-728px-View-Source-Code-Step-10-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/ec\/View-Source-Code-Step-11-Version-5.jpg\/v4-460px-View-Source-Code-Step-11-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/ec\/View-Source-Code-Step-11-Version-5.jpg\/v4-728px-View-Source-Code-Step-11-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Menu ini terdapat di samping kiri menu Window yang berada di bilah menu komputer Mac.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0d\/View-Source-Code-Step-12-Version-5.jpg\/v4-460px-View-Source-Code-Step-12-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0d\/View-Source-Code-Step-12-Version-5.jpg\/v4-728px-View-Source-Code-Step-12-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

8
Klik Show Page Source yang berada di bagian bawah menu buka-bawah. Dengan mengeklik opsi ini, Safari akan menampilkan kode sumber untuk halaman web tersebut.
- untuk memunculkan kode sumber, Anda juga bisa menekan tombol ⌥ Option + ⌘ Command + U .
Iklan

Metode 3

Metode 3 dari 3:

Di Wiki

Unduh PDF

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/80\/View-Source-Code-Step-13-Version-4.jpg\/v4-460px-View-Source-Code-Step-13-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/80\/View-Source-Code-Step-13-Version-4.jpg\/v4-728px-View-Source-Code-Step-13-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/aa\/View-Source-Code-Step-14-Version-5.jpg\/v4-460px-View-Source-Code-Step-14-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/aa\/View-Source-Code-Step-14-Version-5.jpg\/v4-728px-View-Source-Code-Step-14-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e1\/View-Source-Code-Step-15-Version-5.jpg\/v4-460px-View-Source-Code-Step-15-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e1\/View-Source-Code-Step-15-Version-5.jpg\/v4-728px-View-Source-Code-Step-15-Version-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

Iklan

Tips

Walaupun biasanya Anda tidak bisa melihat kode sumber di peramban versi seluler, Anda bisa menyimpan markah ( bookmark ) Safari di iPad atau iPhone untuk melihat kode sumber di Safari versi seluler.

Peringatan

Berhati-hatilah ketika mengunduh aplikasi pihak ketiga yang mengeklaim bisa menampilkan kode sumber di situs web.

Masuk

Cara Melihat Kode Sumber

Langkah

Chrome, Mozilla Firefox, Internet Explorer, dan Edge

Safari

Di Wiki

Tips

Peringatan

wikiHow Terkait

Tentang wikiHow ini

Apakah artikel ini membantu Anda?

Artikel Terkait

Ikuti kami

Bagikan

Explore Categories