Çerçeve tabanlı web siteleri genellikle içerikten ziyade çerçeve kümesi düzenini görüntüler.
Resim Kredisi: vetkit/iStock/Getty Images
Bir web sitesi oluşturmak için kullanılan temel HTML kodu gizli değildir, ancak uygun araçlara sahip herkes tarafından kolayca erişilebilir. Örneğin, Firefox, Chrome, Safari, Opera ve Internet Explorer gibi Web tarayıcılarında, bir web sitesinin HTML, CSS veya JavaScript kodunu doğrudan görüntülemenin birden çok yolu vardır. Ayrıca, bazı özel Web geliştirici araçları, yerel bir diskte depolanan bir dosya gibi İnternet'ten bir Web sayfası yükleyebilir ve açabilir.
Kaynağı Tarayıcıda Görüntüle
Bir web sitesinin HTML kodunu görmek için gereken adımlar Firefox, Chrome, Safari, Opera ve Internet Explorer için temelde aynıdır. Yalnızca metin içeren bir Web sayfasının bir bölümünü sağ tıklayın ve ardından "Kaynağı Görüntüle" veya "Sayfa kaynağını görüntüle" seçeneğini seçin. Tarayıcı kurulumunuza bağlı olarak, HTML kodu yeni bir tarayıcı sekmesinde veya ayrı bir uygulama penceresinde açılır.
Günün Videosu
Kaynak Kodu Diske Kaydet
Bir web sitesinin kodunu daha sonra incelemeniz veya düzenlemeniz gerekirse, sayfayı sabit sürücünüze kaydedebilirsiniz. Firefox veya Safari'de bir Web sayfasını sağ tıkladığınızda, "Sayfayı Farklı Kaydet" seçeneği sunulur. Chrome ve Opera'da "Farklı kaydet" seçeneği bulunur. Internet Explorer kullanarak bir Web sayfasını kaydetmek için "Araçlar", "Dosya" ve ardından "Farklı kaydet"i tıklayın. Web sayfasına ek olarak tarayıcı, kendi Web'inde yerel olarak depolanan ve sayfanın kullandığı tüm resimleri, CSS dosyalarını ve JavaScript'i kaydeder. sunucu.
Firefox, Chrome, Opera ve Internet Explorer'ın her biri, oluşturulmuş bir Web sayfasını ve onun HTML, CSS ve JavaScript kodunu aynı anda görüntülemenizi sağlayan bir geliştirici modu sağlar. Web'de bir öğeyi tıklatırsanız, kodu geliştirici görüntüleme panelinde görünür. Geliştirici paneline seçenekler veya yapılandırma aracı aracılığıyla erişilebilir. Safari'nin yerel bir geliştirici aracı olmasa da, bir uzantı olarak yükleyebilirsiniz.
Web Geliştirici Uygulamaları
Dreamweaver, Kompozer ve Microsoft Expressions gibi web sitesi tasarım araçları, URL'sini kullanarak çevrimiçi bir Web sayfası açmanıza olanak tanır. HTML kodunu yalnızca kaynak kodu görünümünde veya bölme, önizleme ve kaynak görünümünde görüntülersiniz. Ayrıca, kodu düzenleyebilir ve değişiklikleri gerçek zamanlı olarak görüntüleyebilirsiniz. Web sitesinin sunucusunda saklanan gerçek kod asla değiştirilmez.
Karşılaşabileceğiniz Sorunlar
Bazı web siteleri kasıtlı veya kasıtsız olarak HTML kodlarından kolay kolay vazgeçmezler. Örneğin, bazı siteler sağ tıklamaları engelleyen JavaScript kodunu kullanır. Sayfayı diskinize indirerek veya tarayıcınızda JavaScript'i devre dışı bırakarak kaynak kodunu yine de görüntüleyebilirsiniz. Diğer siteler, kaynaklarına doğrudan erişmenizi engelleyen HTML çerçeveleri veya iframe'ler kullanır. Firefox, Chrome, Safari ve Opera, çerçeve tabanlı web sitelerini algılar ve size otomatik olarak bir çerçevenin kaynak kodunu görüntüleme seçeneği sunar. Bir Web sayfası, başka bir etki alanında depolanmış bir JavaScript veya CSS dosyası kullanıyorsa, o dosyanın kodunu doğrudan şuradan görüntüleyebilirsiniz: URL'sini erişebileceğiniz HTML kodundan kopyalayın ve ardından yeni bir tarayıcı sekmesinin adres çubuğuna yapıştırın.