Google Chrome'da HTML Kaynağını Görüntüleme

Bilinmesi gereken

• Web sayfasına sağ tıklayın ve seçin Sayfa kaynağını görüntüle .
• Kısayol: Basın Ctrl + İÇİNDE (Windows PC) veya Emretmek + Seçenek + İÇİNDE (Mac).
• Chrome'un geliştirici araçlarını kullanmak için Menü (üç nokta) > Daha fazla araç > Geliştirici araçları .

Bu makalede, Google Chrome web tarayıcısında bir web sitesinin HTML kaynak koduna nasıl erişileceği, ayrıca Chrome'un geliştirici araçlarına nasıl erişilip kullanılacağı açıklanmaktadır. Bir sitenin kaynak kodunu görüntülemek, yeni başlayanlar için HTML öğrenmenin mükemmel bir yoludur.

Kaynak Kodunu Chrome'da Görüntüle

Peki bir web sitesinin kaynak kodunu nasıl görüntülersiniz? Google Chrome tarayıcısını kullanarak bunu yapmak için adım adım talimatları burada bulabilirsiniz.

1. Aç Google Chrome web tarayıcısı (Eğer senin yoksa Google Chrome yüklü , bu ücretsiz bir indirmedir).

2. Şuraya gidin: İncelemek istediğiniz web sayfası .

3. Sağ tık sayfa ve beliren menüye bakın. Bu menüden tıklayın Sayfa kaynağını görüntüle .

   

4. Bu sayfanın kaynak kodu artık tarayıcıda yeni bir sekme olarak görünecektir.

5. Alternatif olarak klavye kısayollarını da kullanabilirsiniz. Ctrl + İÇİNDE Bir sitenin kaynak kodunun görüntülendiği bir pencere açmak için PC'de. Mac'te bu kısayol Emretmek + Seçenek + İÇİNDE .

Hilary Allison / Cankurtaran Teli

instagrama bumerang nasıl atılır

Chrome'un Geliştirici Araçlarını Kullanın

Basit olanın yanı sıraSayfa kaynağını görüntüleGoogle Chrome'un sunduğu mükemmel yeteneklerden de yararlanabilirsiniz. Geliştirici Araçları bir sitenin daha da derinlerine inmek. Bu araçlar yalnızca HTML'yi değil, aynı zamanda o HTML belgesindeki öğeleri görüntülemek için geçerli olan CSS'yi de görmenize olanak tanır.

Chrome'un geliştirici araçlarını kullanmak için:

1. Açık Google Chrome .

2. Şu yöne rotayı ayarla incelemek istediğiniz web sayfası .

3. Şunu seçin: üç noktalı menü Tarayıcı penceresinin sağ üst köşesinde.

4. Menüden fareyle üzerine gelin Daha fazla araç ve sonra seç Geliştirici araçları görünen menüde.

   

5. Bölmenin solunda HTML kaynak kodunu ve sağında ilgili CSS'yi gösteren bir pencere açılacaktır.

6. Alternatif olarak sağ tıklarsanız bir web sayfasındaki bir öğe ve seç İncelemek Görünen menüde, Chrome'un geliştirici araçları açılacak ve HTML'de seçtiğiniz belirli bölümü sağda gösterilen ilgili CSS ile vurgulayacaktır. Bir sitenin belirli bir parçası hakkında daha fazla bilgi edinmek istiyorsanız çok faydalıdır.

   Steam'de kaç kişinin oyun oynadığını nasıl görebilirim?

Kaynak Kodunu Görüntülemek Yasal mı?

Yıllar boyunca birçok yeni web tasarımcısının, bir sitenin kaynak kodunu görüntülemenin ve bunu eğitimleri ve sonuçta yaptıkları iş için kullanmanın kabul edilebilir olup olmadığını sorgulamasıyla karşılaştık. Bir sitenin kodunu toptan kopyalayıp bir web sitesinde kendi kodunuz gibi dağıtmak kesinlikle kabul edilemez olsa da, bu kodu bir şeyler öğrenmek için bir sıçrama tahtası olarak kullanmak aslında bu sektörde ne kadar ilerleme kaydedildiğinin göstergesidir.

Bu makalenin başında da belirttiğimiz gibi, bugün bir sitenin kaynağını inceleyerek bir şeyler öğrenmemiş, çalışan bir web uzmanı bulmakta zorlanacaksınız! Evet, bir sitenin kaynak kodunu görmek yasaldır. Benzer bir şey oluşturmak için bu kodu kaynak olarak kullanmak da güvenlidir. Kodu olduğu gibi alıp işiniz olarak başkalarına aktarmak, sorunlarla karşılaşmaya başladığınız yerdir.

Sonuçta, web uzmanları birbirlerinden öğrenirler ve genellikle gördükleri ve ilham aldıkları çalışmaları geliştirirler; bu nedenle, bir sitenin kaynak kodunu görüntülemekten ve onu bir öğrenme aracı olarak kullanmaktan çekinmeyin.

iphone'da engellenen numaralar nasıl bulunur

HTML'den Daha Fazlası

Unutulmaması gereken bir nokta, kaynak dosyaların çok karmaşık olabileceğidir (ve görüntülediğiniz web sitesi ne kadar karmaşıksa, sitenin kodunun da o kadar karmaşık olması muhtemeldir). Sayfayı oluşturan HTML yapısının yanı sıra o sitenin görsel görünümünü belirleyen CSS (basamaklı stil sayfaları) da olacaktır. Ek olarak, günümüzde birçok web sitesi HTML'nin yanı sıra komut dosyaları da içerecektir.

Birden fazla komut dosyasının dahil edilmesi muhtemeldir; aslında her biri sitenin farklı yönlerini güçlendiriyor. Açıkçası, bir sitenin kaynak kodu, özellikle de bu konuda yeniyseniz, bunaltıcı görünebilir. O sitede neler olup bittiğini hemen anlayamazsanız sinirlenmeyin. HTML kaynağını görüntülemek bu süreçteki yalnızca ilk adımdır. Biraz deneyimle, tarayıcınızda gördüğünüz web sitesini oluşturmak için tüm bu parçaların nasıl bir araya geldiğini daha iyi anlamaya başlayacaksınız. Koda daha aşina oldukça, ondan daha fazlasını öğrenebileceksiniz ve bu size o kadar da korkutucu gelmeyecek.

• Chrome'da HTML kodunu nasıl düzenlerim?

  tuşuna basarak Chrome'da Geliştirici Araçlarını açın. Ctrl (veya Emretmek Mac'te) + Üst Karakter + I . Oradan basın Ctrl ( Emretmek Mac'te) + O ve açmak için düzenlemek istediğiniz kayıtlı kaynak dosyayı seçin.

• Kaynağı Görüntüle devre dışı bırakılırsa Chrome'da sayfa kaynak kodunu nasıl görüntülerim?

  Bir web sitesi Kaynağı Görüntüle seçeneğini devre dışı bırakmışsa, yine de genel bilgilere göz atabilirsiniz. Tarayıcı penceresinin üst kısmından öğesini seçin Görüş > Geliştirici > Kaynağı Görüntüle , web sayfasının kaynak kodunu çıkarmalıdır.

• Android cihazımı kullanarak bir sitenin kaynak kodunu Chrome'da nasıl görüntülerim?

  Cihazınızın Chrome uygulamasını kullanarak görüntülemek istediğiniz web sitesine gidin ve ardından tarayıcının adres çubuğunu seçin. Metin imlecini en sola (URL'nin önüne) taşıyın ve yazın kaynak görüntüleme , ardından tuşuna basın Girmek veya seçin Gitmek .