Ücretsiz çevrimiçi araç - Kurulum gerektirmez

Telefonda Kaynak Kodu Görüntüleme

Herhangi bir web sayfasının arkasındaki HTML'i doğrudan telefonunuzda görün - uygulama yok, bilgisayar yok. Biçimlendirilmiş ve söz dizimi vurgulamalı kaynak kodu için aşağıya bir URL yapıştırın ya da sayfanın devamındaki iPhone ve Android adımlarını izleyin.

https://
source.html

⚡ Sayfa Hızı

🖥 Sunucu Bilgisi

    📄 Sayfa Bilgisi

      Genel Bakış

      Bir sayfanın kaynak kodunu telefonda görüntülemek

      Mobil tarayıcılar kaynağı gizler - bu araç (ve aşağıdaki adımlar) onu geri getirir.

      Masaüstünde bir sayfanın HTML'ini görmek tek bir klavye kısayolu kadar yakındır. Telefonda ise durum farklı: iPhone Safari'de "kaynağı görüntüle" yoktur ve view-source: adresleri tamamen engellenmiştir; Android'deki Chrome ise view-source: desteklese de ham HTML'i tek uzun, okunmaz bir satıra sıkıştırarak gösterir.

      Bu sayfanın üstündeki araç her telefon ve tablette çalışır. Sayfayı sunucumuzda getirir ve HTML'i biçimlendirilmiş, söz dizimi vurgulamalı olarak döndürür; böylece küçük ekranda rahatça okunur - kurulacak uygulama ve bilgisayar gerekmez. Aşağıda her platformun yerleşik yöntemleri ve bunun yerine ne zaman aracı tercih etmeniz gerektiği anlatılıyor.

      iPhone ve iPad

      iPhone'da kaynak kodu nasıl görüntülenir (Safari)

      iOS'ta yerleşik bir view-source olmadığı için en basit yol bir web aracıdır.

      1. Yukarıdaki aracı kullanın (en kolayı)Sayfa adresini bu sayfanın üstündeki kutuya yapıştırın ve Kaynağı Görüntüle'ye dokunun. Safari, Chrome veya herhangi bir iOS tarayıcısında çalışır ve kopyalayıp indirebileceğiniz temiz, renklendirilmiş HTML verir.
      2. Bir "kaynağı görüntüle" bookmarklet'i ekleyinİleri düzey kullanıcılar için: küçük bir JavaScript bookmarklet'ini Safari yer imlerinize kaydedin, ardından herhangi bir sayfada çalıştırarak kaynağını açın. Kullanışlı, ancak iOS'ta kurulumu zahmetli.
      3. Canlı DOM için bir Mac kullanıniPhone'unuzu bir Mac'e bağlayın, Ayarlar → Safari → Gelişmiş altından Web Inspector'ı etkinleştirin ve JavaScript ile oluşturulmuş DOM'u incelemek için Safari'nin Geliştir menüsünü açın.

      Not: bir URL'nin önüne view-source: yazmak iOS Safari'de çalışmaz - tarayıcı yalnızca bu metni arar. iPhone'da güvenilir seçenek yukarıdaki araçtır.

      Android

      Android'de kaynak kodu nasıl görüntülenir (Chrome)

      Android için Chrome'un yerleşik bir yöntemi var - ayrıca daha kolay ve biçimlendirilmiş bir alternatif.

      1. Chrome'da view-source: kullanınAdres çubuğuna dokunun ve URL'nin hemen önüne view-source: yazın; örneğin view-source:https://example.com, sonra gidin. Chrome sayfanın ham HTML'ini gösterir.
      2. Okunabilir çıktı için yukarıdaki aracı kullanınChrome'un ham görünümü biçimlendirilmemiştir ve telefonda kaydırması zordur. Aynı URL'yi üstteki araca yapıştırarak girintili ve renklendirilmiş, kopyalayıp indirebileceğiniz kaynak kodu alın.
      3. Canlı DOM için uzaktan hata ayıklamaJavaScript ile değiştirilmiş DOM'u incelemek için telefonu bir bilgisayara bağlayın ve masaüstü Chrome'da USB üzerinden chrome://inspect adresini açın.
      Neden bu araç

      Mobildeki yerleşik görünüm yerine neden bunu kullanmalısınız

      Chrome'un ham view-source: görünümüne kıyasla ne kazandığınız - ve iPhone'un yerleşik olarak hiç yapamadığı şey.

      ✓ Bu araç

      • Biçimlendirilmiş ve renklendirilmiş - girintili, renk kodlu HTML
      • iPhone'da çalışır - view-source: engelliyken bile
      • Kopyala ve indir - HTML'i cihazınıza kaydedin
      • Uygulama yok, bilgisayar yok - yalnızca bir tarayıcı

      ⓘ Yerleşik view-source:

      • Yalnızca Android Chrome - iPhone'da değil
      • Ham HTML, çoğu zaman tek uzun küçültülmüş satır
      • Vurgulama yok, telefonda kaydırması zahmetli
      • Tek dokunuşla kopyalama veya indirme yok

      Aynı biçimlendirilmiş görünümü dizüstü bilgisayarda mı istiyorsunuz, yoksa özel bir biçimlendirici mi? HTML Görüntüleyici'yi deneyin ya da tüm masaüstü ve mobil tarayıcılarda kaynak kodun nasıl görüntüleneceğini okuyun.

      SSS

      Sıkça sorulan sorular

      Mobilde HTML kaynak kodu görüntüleme hakkında sık sorulan sorular.

      iPhone'da sayfa kaynağı görüntülenebilir mi?

      iOS'taki Safari'de yerleşik bir 'kaynağı görüntüle' özelliği yoktur ve view-source: adresleri iPhone'da çalışmaz. En kolay yol bunun gibi bir web aracıdır: bu sayfayı açın, URL'yi yapıştırın ve Kaynağı Görüntüle'ye dokunun. Ayrıca bir bookmarklet kullanabilir ya da iPhone'u bir Mac'e bağlayıp Safari'nin Web Inspector'ını kullanabilirsiniz.

      Android'de Chrome'da kaynağı nasıl görüntülerim?

      Android için Chrome'da, URL çubuğunda adresin önüne view-source: yazın; örneğin view-source:https://example.com. Chrome ham HTML'i gösterir. Biçimlendirilmemiş olduğu için okunabilir ve renklendirilmiş çıktı istiyorsanız bu sayfanın üstündeki aracı kullanın.

      view-source: mobilde çalışır mı?

      Android için Chrome'da evet. iPhone Safari'de hayır - engellenmiştir. Bu araç her ikisinde ve diğer tüm mobil tarayıcılarda çalışır, çünkü sayfayı tarayıcı değil sunucumuz getirir.

      Bir uygulama yüklemem gerekir mi?

      Hayır. Bu bir web aracıdır - herhangi bir mobil tarayıcıda açın ve bir URL yapıştırın. İndirilecek ya da kurulacak hiçbir şey yok.

      Bilgisayar olmadan bir sayfanın HTML'ini görebilir miyim?

      Evet. URL'yi telefonunuzda yapıştırın; masaüstü ya da dizüstü bilgisayara ihtiyaç duymadan biçimlendirilmiş HTML kaynak kodunu anında elde edersiniz.

      Kod burada neden view-source: ile olduğundan daha okunaklı?

      Yerleşik view-source: ham HTML'i gösterir; bu da çoğu zaman küçük bir ekranda okunması zor, tek uzun satıra sıkıştırılmış küçültülmüş koddur. Bu araç işaretlemeyi düzgün biçimlendirir ve söz dizimini renklendirir, böylece telefonda rahatça okunur.

      HTML'i telefonumda kopyalayabilir veya kaydedebilir miyim?

      Evet. HTML'i panoya almak için Kopyala'yı, cihazınıza .html dosyası olarak kaydetmek için İndir'i kullanın.

      JavaScript ile eklenen HTML'i gösterir mi?

      Hayır. Sunucunun döndürdüğü ham HTML gösterilir; yani istemci tarafı JavaScript çalışmadan önceki hâli - bir arama motorunun gördüğü başlangıç noktasıyla aynı. Betiklerle değiştirilmiş canlı DOM'u incelemek için masaüstü DevTools'a veya uzaktan hata ayıklamaya ihtiyacınız var.

      Sonraki

      İlgili araçlar ve rehberler

      Bu kaynaklarla web içeriği, kaynak kodu ve SEO konularında derinleşin.

      Çevrimiçi kaynak kodu görüntüleme
      Araç

      Kaynağı Görüntüle + Akıllı Analiz

      SEO denetimi, teknoloji tespiti ve performans metrikleriyle birlikte tüm HTML kaynak kodunu tarayıcınızda inceleyin.

      Web sitesi kodunu indir
      Araç

      Web Sitesi Kodunu İndir

      Bir kopyasını saklamak ister misiniz? Herhangi bir herkese açık sayfanın tüm HTML'ini indirilebilir dosya olarak kaydedin.

      Kod ile SEO'yu iyileştirme
      SEO

      Kaynak kodu ile SEO'yu iyileştirme

      HTML yapısının arama sıralamalarını nasıl etkilediği - ve bir sayfayı denetlerken nelere bakmanız gerektiği.

      Kaynak kodu nasıl okunur
      Rehber

      HTML kaynak kodu nasıl okunur

      HTML yapısı, etiketleri ve herhangi bir sayfanın işaretlemesini anlamlandırma konusunda yeni başlayanlara uygun bir tur.

      Tüm HTML5 etiketleri
      Başvuru

      Tüm HTML5 etiketleri başvurusu

      Açıklamalarıyla birlikte eksiksiz HTML5 etiket dizini - ayıklanmış veya ham işaretlemeyi incelerken kullanışlı.

      En iyi kod editörleri
      Araçlar

      Web geliştirme için en iyi kod editörleri

      HTML, CSS ve JavaScript ile çalışmak için en iyi ücretsiz ve ücretli editörler ve IDE'ler rehberi.