Cep TelefonuTeknolojiWebmaster

Cep Telefonundan Site Kaynak Kodu Görüntüleme

Google News

Özellikle webmaster ve site yöneticilerinin aktif olarak kullandığı bilgisayar ortamında web sitelerinin kaynağını görüntüleme ve öğeyi incele seçeneği olmazsa olmazlarımız arasında yer almaktadır. Frontend developerlar tarafında daha aktif kullanılan bu özellikler internet sitelerinin kaynak kodlarını görmemizi sağlayan önemli özelliklerden biri.

Sadece tasarımcı ve yazılımcılar değil, diğer kullanıcılar da farklı nedenlerle sitenin kaynak kodunu görüntülemek isteyebilir.  Bilgisayar ortamında tarayıcılardan sağ tıklayıp “Sayfa Kaynağını Görüntüle” veya Ctrl + U kısa yolunu kullanarak internet sitelerinin kaynağını görüntüleyebiliriz.

Responsive yani mobil site oluştururken bu özellik mobil cihazlarda yani cep telefonu ve tabletlerde de kullanılma ihtiyacı doğabiliyor. Öğeyi incele seçeneğinde mobil görünüm moduna geçebiliyoruz ancak bu özellik her zaman kesin sonuçlar vermeyebiliyor. Bu nedenle sitenin cep telefonundan kaynağını görüntüleme ihtiyacı duyabiliyoruz. Bu makalemizde site mobil cihazlardan site kaynağını görüntüleme hakkında bilgi paylaşacağız.

Mobilde Site Kaynağı Gösterme

Cep telefonu ve tabletlerde internet tarayıcısı olarak Chrome yaygın olarak kullanılırken diğer mevcut cihaz tarayıcıları da farklı şekillerde çalışabilmektedir. Eğer cep telefonu tarayıcınız ile bir web sitesinin kaynak kodlarını görüntülemek için yapmanız gereken işlem yalnızca link alanına ekleyeceğiniz kısa bir kodla çözülecektir.

Örneğin sitemiz www.blogarti.com’un kaynak kodlarını görüntülemek için adres (url) satırındaki https://www.blogarti.com kısmını view-source:https://www.blogarti.com olarak değiştirip çalıştırmanız yeterli olacaktır.

Dilediğiniz web sitesinin veya bir sitenin linkinin önüne view-source: kodunu eklediğinizde o sayfanın kaynak kodlarını görüntülemenizi sağlayacaktır.

Mobil Tarayıcıda Site Öğeyi İnceleme

Sayfadaki öğeyi inceleyip gördüğümüz seçenek olan kaynak kodunu gösterme yani elements ve bunun yanında console, source, network gibi seçenekler karşımıza çıkmaktadır. Bunlar da hem frontend developer uzmanı ve yazılımcılar için önemli özelliklerdir. Mobil tarayıcılarda öğeyi incele işlemine izin verilmemektedir, sadece yukarıda da bahsettiğimiz şekilde view-source: kodunu link alanı öncesinde kullanarak sayfa kaynağını görüntüleyebiliyoruz.

mobil kaynak kodu
Tarayıcının kaynak inceleme ekranından mobil görünüm seçeneğini kullanmak.

Bunun dışında ise yukarıdaki biçimde bilgisayar ortamında öğeyi incele seçeneğine tıklayarak mobil görünüm butonuna tıkladıktan sonra iPhone, Samsung gibi cihazlarda sitenin nasıl gözükeceğini görebilirsiniz. Yukarıdaki görselde gözüktüğü şekilde 1 numaralı butona tıklayıp mobil görünümü seçebilir, 2 numaralı alandan ise hangi cihazda nasıl gözükeceğini görüntüleme seçeneğini ayarlayabilirsiniz.

İlgili Makaleler

11 Yorum

  1. gayet faydalı hocam misal bende at yarışı oynuyorum ara sıra tjktv.mobi adlı sitenin kaynak koduna bakmak istiyordum sayenizde öğrendim.

  2. kendi sitemden bir yere ulaşmak istiyorum yani incele kısmından o kodun nerede yer aldığını ve onu kaldırmak istiyorum nasıl bulabilirim o şekilde

    1. Adres kısmından site adresinizin (url) başına view-source: ekleyin. Sayfanızın kodu gözükecektir.
      Ardından arama yaparak dilediğiniz kodu arama yaparak bulabilirsiniz.

    1. Merhaba, kaynağını görüntülemek istediğiniz link (url) başına view-source: eklerseniz sayfanın kaynağını görebilirsiniz.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu