Alat online gratis - Tanpa perlu instalasi

Lihat Kode Sumber di HP

Lihat HTML di balik halaman web mana pun langsung di HP Anda - tanpa aplikasi, tanpa komputer. Tempel URL di bawah untuk mendapatkan kode sumber yang rapi dan berwarna, atau ikuti panduan iPhone dan Android di bagian bawah.

https://
source.html

⚡ Kecepatan Halaman

🖥 Info Server

    📄 Info Halaman

      Ringkasan

      Melihat kode sumber halaman di HP Anda

      Browser seluler menyembunyikan kode sumber - alat ini (dan langkah-langkah di bawah) mengembalikannya.

      Di komputer desktop, melihat HTML sebuah halaman hanya berjarak satu pintasan keyboard. Di HP tidak begitu: Safari iPhone tidak punya "lihat kode sumber" dan memblokir URL view-source: sepenuhnya, sementara Chrome di Android memang mendukung view-source: tetapi menampilkan HTML mentah yang dijejalkan dalam satu baris panjang yang sulit dibaca.

      Alat di bagian atas halaman ini bekerja di HP atau tablet apa pun. Alat ini mengambil halaman di server kami dan mengembalikan HTML yang sudah diformat dan diberi pewarnaan sintaks, sehingga mudah dibaca di layar kecil - tanpa aplikasi yang perlu dipasang dan tanpa komputer. Di bawah ini ada metode bawaan untuk setiap platform, plus kapan sebaiknya Anda memakai alat ini saja.

      iPhone & iPad

      Cara melihat kode sumber di iPhone (Safari)

      iOS tidak punya view-source bawaan, jadi alat web adalah jalan paling sederhana.

      1. Gunakan alat di atas (paling mudah)Tempel alamat halaman ke kotak di bagian atas halaman ini lalu ketuk Lihat Sumber. Ini bekerja di Safari, Chrome, atau browser iOS mana pun, dan memberi Anda HTML yang bersih dan berwarna yang bisa disalin atau diunduh.
      2. Tambahkan bookmarklet "Lihat Kode Sumber"Untuk pengguna tingkat lanjut: simpan bookmarklet JavaScript kecil ke bookmark Safari Anda, lalu jalankan di halaman mana pun untuk membuka kode sumbernya. Praktis, tetapi merepotkan untuk disiapkan di iOS.
      3. Gunakan Mac untuk DOM langsungHubungkan iPhone Anda ke Mac, aktifkan Web Inspector di Pengaturan → Safari → Lanjutan, lalu buka menu Develop di Safari untuk memeriksa DOM hasil render JavaScript.

      Catatan: mengetik view-source: sebelum URL tidak bekerja di Safari iOS - browser hanya akan mencari teks tersebut. Alat di atas adalah pilihan yang andal di iPhone.

      Android

      Cara melihat kode sumber di Android (Chrome)

      Chrome untuk Android punya metode bawaan - plus alternatif yang lebih mudah dan rapi.

      1. Gunakan view-source: di ChromeKetuk bilah alamat dan ketik view-source: tepat sebelum URL, misalnya view-source:https://example.com, lalu buka. Chrome menampilkan HTML mentah halaman tersebut.
      2. Gunakan alat di atas untuk hasil yang mudah dibacaTampilan mentah Chrome tidak diformat dan sulit digulir di HP. Tempel URL yang sama ke alat di bagian atas untuk mendapatkan kode sumber berindentasi dan berwarna yang bisa Anda salin atau unduh.
      3. Remote debugging untuk DOM langsungUntuk memeriksa DOM yang sudah diubah JavaScript, hubungkan HP ke komputer dan buka chrome://inspect di Chrome desktop melalui USB.
      Mengapa alat ini

      Mengapa memakai ini alih-alih tampilan bawaan di HP

      Apa yang Anda dapat dibanding view-source: mentah milik Chrome - dan apa yang tidak bisa dilakukan iPhone secara bawaan.

      ✓ Alat ini

      • Rapi & berwarna - HTML berindentasi dengan kode warna
      • Bekerja di iPhone - tempat view-source: diblokir
      • Salin & unduh - simpan HTML ke perangkat Anda
      • Tanpa aplikasi, tanpa komputer - cukup browser

      ⓘ view-source: bawaan

      • Hanya Chrome Android - tidak di iPhone
      • HTML mentah, sering dalam satu baris panjang terminifikasi
      • Tanpa pewarnaan, tidak nyaman digulir di HP
      • Tanpa salin atau unduh sekali ketuk

      Ingin tampilan rapi yang sama di laptop, atau alat perapi khusus? Coba Penampil HTML, atau baca cara melihat kode sumber di semua browser desktop dan seluler.

      FAQ

      Pertanyaan yang sering diajukan

      Pertanyaan umum tentang melihat kode sumber HTML di perangkat seluler.

      Bisakah melihat kode sumber halaman di iPhone?

      Safari di iOS tidak memiliki fitur 'lihat kode sumber' bawaan, dan URL view-source: tidak bekerja di iPhone. Cara termudah adalah alat web seperti ini - buka halaman ini, tempel URL, lalu ketuk Lihat Sumber. Anda juga bisa memakai bookmarklet, atau menghubungkan iPhone ke Mac dan menggunakan Web Inspector di Safari.

      Bagaimana cara melihat kode sumber di Chrome Android?

      Di Chrome untuk Android, ketik view-source: sebelum alamat pada bilah URL, misalnya view-source:https://example.com. Chrome menampilkan HTML mentah. Tampilannya tidak diformat, jadi untuk hasil yang mudah dibaca dan berwarna gunakan alat di bagian atas halaman ini.

      Apakah view-source: bekerja di perangkat seluler?

      Di Chrome untuk Android, ya. Di Safari iPhone, tidak - fitur itu diblokir. Alat ini bekerja di keduanya, dan di browser seluler lainnya, karena halaman diambil oleh server kami, bukan oleh browser.

      Apakah saya perlu memasang aplikasi?

      Tidak. Ini adalah alat web - buka saja di browser seluler mana pun dan tempel sebuah URL. Tidak ada yang perlu diunduh atau dipasang.

      Bisakah saya melihat HTML sebuah halaman tanpa komputer?

      Bisa. Tempel URL di HP Anda dan Anda langsung mendapatkan kode sumber HTML yang sudah diformat, tanpa perlu komputer desktop atau laptop.

      Mengapa kodenya lebih mudah dibaca di sini daripada dengan view-source:?

      view-source: bawaan menampilkan HTML mentah, sering kali terminifikasi dalam satu baris panjang yang menyiksa di layar kecil. Alat ini merapikan dan mewarnai markup-nya sehingga nyaman dibaca di HP.

      Bisakah saya menyalin atau menyimpan HTML di HP saya?

      Bisa. Gunakan Salin untuk menaruh HTML di papan klip, atau Unduh untuk menyimpannya sebagai berkas .html di perangkat Anda.

      Apakah HTML yang ditambahkan JavaScript ikut ditampilkan?

      Tidak. Yang ditampilkan adalah HTML mentah yang dikembalikan server, sebelum JavaScript sisi klien berjalan - titik awal yang sama seperti yang dilihat mesin pencari. Untuk memeriksa DOM langsung yang sudah diubah skrip, Anda memerlukan DevTools desktop atau remote debugging.

      Selanjutnya

      Alat & panduan terkait

      Dalami konten web, kode sumber, dan SEO lebih jauh dengan sumber daya berikut.

      Lihat kode sumber online
      Alat

      Lihat Kode Sumber + Analisis Cerdas

      Periksa kode sumber HTML lengkap di browser Anda dengan audit SEO, deteksi teknologi, dan metrik performa.

      Unduh kode situs
      Alat

      Unduh Kode Situs

      Ingin menyimpan salinannya? Simpan seluruh HTML halaman publik mana pun sebagai berkas yang bisa diunduh.

      Meningkatkan SEO lewat kode
      SEO

      Meningkatkan SEO melalui kode sumber

      Bagaimana struktur HTML memengaruhi peringkat pencarian - dan apa saja yang perlu diperiksa saat mengaudit halaman.

      Cara membaca kode sumber
      Panduan

      Cara membaca kode sumber HTML

      Panduan ramah pemula tentang struktur HTML, tag-tagnya, dan cara memahami markup halaman mana pun.

      Semua tag HTML5
      Referensi

      Referensi semua tag HTML5

      Indeks lengkap tag HTML5 beserta deskripsinya - berguna saat memeriksa markup hasil ekstraksi atau mentah.

      Editor kode terbaik
      Alat

      Editor kode terbaik untuk pengembangan web

      Panduan editor kode dan IDE gratis maupun berbayar terbaik untuk bekerja dengan HTML, CSS, dan JavaScript.