Telefonda Öğeyi Denetle Nasıl Yapılır?

Telefonda öğeyi denetle özelliği, Google Chrome veya Mozilla Firefox gibi tarayıcılarda bulunmuyor (en azından şu anlık) ama farklı bir uygulama kullanarak, istediğiniz düzenlemeleri yapabilmeniz de mümkün.

Bunu yapabilmek için, Android cihazınıza, HTML/CSS Website Inspector isimli uygulamayı yüklemelisiniz (Reklam ve uygulama içi satın alma içerir). Uygulamayı yükleyin:

Google Play'den Alın

Bu uygulama ile yapabilecekleriniz:

  • Sayfa kaynağını görebilir, içinde arama yapabilir ve düzenleyebilirsiniz
  • Denetleme modu ile, herhangi bir elementi düzenleyebilirsiniz.
  • Html elementlerini görebilir ve düzenleyebilirsiniz.
  • Javascript konsoluna erişebilirsiniz.

Telefonda Öğeyi Denetle Özelliğinin Kullanımı

  • Uygulamayı kurun ve açın.
  • Uygulamayı, bir tarayıcı olarak kullanın ve düzenlemek istediğiniz web sitesine gidin.
  • Sağ üstteki el işaretine tıklayın (sarı renk olacak) ve ardından da, düzenlemek istediğiniz ögeye tıklayın.
HTML/CSS Website Inspector - Telefondan öğeyi denetleme 1
  • Ben, “English” yazısını, “Deneme” olarak düzelteceğim. Açılan sayfada, gerekli düzenlemeyi yapıyorum ve sağ üstteki, kırmızı ile işaretlediğimiz butona tıklıyorum:
HTML/CSS Website Inspector - Telefondan öğeyi denetleme 2
  • Bunun sonucunda, istediğimiz düzenlemeyi yapmış olacağız:
HTML/CSS Website Inspector - Telefondan öğeyi denetleme 3

Sayfa Kaynağını Görüntüleme Ve Düzenleme

  • Sayfa kaynağını görüntülemek ve düzenleme yapabilmek için, sağ üstteki menüden, “Edit Page Source” seçeneğine tıklayın:
HTML/CSS Website Inspector - Telefondan öğeyi denetleme 4

Açılan sayfada, web sitesinin kaynak kodunu görüyor olacaksınız. Arama yapmak için formu kullanıp, yukarı ve aşağı tuşları ile de aradığınızı daha kolay bulabilirsiniz:

HTML/CSS Website Inspector - Telefondan öğeyi denetleme 5

Bu şekilde, kolaylıkla telefonda ögeyi denetle yapabilirsiniz.


Google Chrome Android Kullanarak Sayfa Kaynağını Görüntüleme

Google Chrome’un Android sürümü, sayfa kaynağını düzenlemenize izin vermese de, sayfa kaynağını görmenize izin veriyor. Maalesef ki, bunun kolay bir yolu yok ve her seferinde, manuel olarak bunu yapmak zorundasınız.

  • Sayfa kaynağını görmek istediğiniz bir web sitesini, Chrome ile açın.
  • Adres çubuğuna tıklayın ve adres satırının en başına (http-https kısmından da önce), “view-source:” yazın (tırnak işaretleri olmadan).
  • Bu şekilde, web sitesine ait kaynak kodlarını görebilirsiniz.
Google Chrome Android - Sayfa Kaynağını Görüntüle (view-source:)

Mobil tarayıcılar, gün geçtikte gelişmeye devam ediyorlar. Yavaş yavaş, yalnızca bilgisayar kullanarak yapabildiğimiz işleri, telefonlarımızdan da yapabildiğimizi biliyor ve daha da fazlasını yapabileceğimizi öngörüyoruz (Tuşlu telefonlarda kullandığımız Opera Mini’yi hatırlayarak, bu öngörüye siz de ortak olabilirsiniz). Bu gelişim çağında, bazı işlerimizi, farklı şekillerde ve araçlarla halletmek zorundayız. 🙂