Sayfanın Kaynak Kodu Nasıl Görüntülenir?

İçindekiler:

Sayfanın Kaynak Kodu Nasıl Görüntülenir?
Sayfanın Kaynak Kodu Nasıl Görüntülenir?

Video: Sayfanın Kaynak Kodu Nasıl Görüntülenir?

Video: Sayfanın Kaynak Kodu Nasıl Görüntülenir?
Video: Nedir Bu Kaynak Kodu Meselesi ? 2024, Nisan
Anonim

Bir tarayıcıda gezinme şu şekilde düzenlenir: program, bağlantıda belirtilen sunucuya bir istek gönderir ve yanıt olarak bir dizi "yedek parça" ve montaj talimatı alır. Yedek parçalar, resimler, flash öğeler, ses ve diğer dosyalar ve bunların sayfaya nasıl doğru şekilde yerleştirileceğine, arka planın nasıl renklendirileceğine, belirli yazı tiplerinin ve yazı tipi boyutlarının nasıl kullanılacağına vb. ilişkin talimatlardır. sayfanın kaynak kodunda yer almaktadır. Tarayıcı kullanıcısı bu kodun kendisini görebilir ve yalnızca talimatlarına göre bir araya getirilmiş sayfayı değil.

Sayfanın kaynak kodu nasıl görüntülenir?
Sayfanın kaynak kodu nasıl görüntülenir?

Talimatlar

Aşama 1

Modern tarayıcılar, bir sayfanın kaynak kodunu görüntülemek için yerleşik işlevselliğe sahiptir. Örneğin, Opera'da bu seçeneği etkinleştirmek için sitenin açık sayfasının resimlerden, bağlantılardan ve diğer öğelerden arındırılmış alanını tıklayın ve açılır içerik menüsünde "Kaynak kodu" öğesini seçin. Tarayıcı, kaynağı ayrı bir sekmede açarak HTML etiketleri, komut dosyaları ve düz metin ile ilgili satırları üç renkte renklendirecektir.

Adım 2

Benzer noktalar, ancak biraz farklı şekilde ifade edilmiştir, bağlam menüsünde ve diğer tarayıcılardadır. Örneğin, Google Chrome'da bu öğenin adı "Sayfa kodunu görüntüle", Mozilla Firefox'ta "Sayfanın kaynak kodu" satırını ve Internet Explorer - "HTML kodunu görüntüle" satırını seçin. Kodun renk şeması da farklı uygulamalarda biraz farklılık gösterecektir.

Aşama 3

Google Chrome tarayıcısı çok daha gelişmiş bir kaynak görüntüleme seçeneğine sahiptir. Bunu kullanmak için aynı içerik menüsünde "Öğe kodunu görüntüle" öğesini seçin. Bundan sonra, açık web sayfasının bulunduğu sekme iki çerçeveye bölünecek - üstte görünümü kalacak ve altta sadece kaynak kod etiketlerinden değil, aynı zamanda dahil edilenlerden de toplanan ayrıntılı bilgiler olacak. CSS tarzı dosyalar. Alt çerçevedeki kaynak satırları seçebilirsiniz ve tarayıcı, sayfanın bu satırlardan oluşan alanlarını üst kısımda vurgulayacaktır. Benzer şekilde, üst çerçevedeki bir öğenin seçilmesi, ilgili kodun alt çerçeve içinde görüntülenmesine neden olacaktır.

4. Adım

Sayfa bilgisayarınızın sabit diskine kaydedilmişse, dosya herhangi bir metin düzenleyiciyle açılabilir - kaynak kodu düz metin olarak içine yazılır. Bu dosyayı Not Defteri, Word veya bu tür başka bir uygulamanın çalıştığı pencereye sürüklemeniz yeterlidir. Normal bir düzenleyici kullanarak, yalnızca kaynak kodu görüntüleyemez, aynı zamanda düzenleyebilirsiniz.

Önerilen: