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

Telefondan öğeyi denetle özelliği, Google Chrome ve Mozilla Firefox gibi tarayıcıların mobil sürümlerinde 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 Website Inspector isimli uygulamayı yüklemelisiniz (Reklam ve uygulama içi satın alma içerir). Uygulamayı Google Play Store’dan yükleyin:

https://play.google.com/store/apps/details?id=web.dassem.websiteanalyzer

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.

Telefondan Öğeyi Denetle Programı

  • Uygulamayı cihazınıza yükleyin 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 (tıkladığınızda sarı renk olur) ve ardından da, düzenlemek istediğiniz ögeye tıklayın.
HTML Website Inspector - 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 Website Inspector - 2
  • Bunun sonucunda, istediğimiz düzenlemeyi yapmış olacağız:
HTML Website Inspector

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. 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.

Telefondan öğeyi denetle (view-source)

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.

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.

Yorum yapın