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

Telefondan Öğeyi Denetle işlemi yapabilmek için Google Chrome, Mozilla Firefox veya Opera gibi tarayıcılar maalesef yetersiz geliyor. Telefondan Öğeyi Denetle işlemini yapabilmek için Android işletim sistemine sahip bir cihaza HTML Website Inspector isimli uygulamayı yüklemelisiniz (Reklam ve uygulama içi satın alma içerir).

Telefondan Öğeyi Denetle Programı

  • 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.
  • 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.
  • 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:
Telefondan Öğeyi DenetlePin
  • Bunun sonucunda, istediğimiz düzenlemeyi yapmış olacağız:
Telefondan Öğeyi DenetlePin

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 Ögeyi DenetlePin

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

YouTube video

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

Chrome Öğeyi Denetle işlemi oldukça basit bir işlemdir. Öğeyi Denetle yaparak ilgili web sitesinin mobil versiyonuna, kaynak kodlarına kolay bir şekilde ulaşabilirsiniz. Normalde Chrome’da Öğeyi Denetle işlemi Mouse ile yapılmaktadır. İlgili web sitesinde sağ tıkladıktan sonra en alt bölümde yer alan “İncele” butonuna tıklayarak sayfanın kaynak kodlarına kolay bir şekilde ulaşabilirsiniz.

Chrome Öğeyi Denetle Kısayol

Bu işlemin kısayolu CTRL+Üstkrktr+I tuşudur. Diğer yandan bu işlemi yapmak zor olduğu için Mouse veya “F12” tuşunu bu işlem için kullanabilirsiniz. Öğeyi Denetle yaparak çeşitli kod yığınlarını da çalıştırabilirsiniz. Yukarıdaki görselde de gördüğünüz gibi web sitemizde bu işlemin nasıl olduğunu resimli bir şekilde sizler için anlattık.

iOS’ta Öğeyi Denetle Nasıl Yapılır?

  • iOS işletim sisteminde Safari tarayıcısını açın.
  • Öğeyi Denetle yapmak istediğiniz siteyi yer imlerine kaydedin.
  • Yer imlerine kaydettikten sonra kaydedilen bağlantıya basılı tutun ve düzenle butonuna tıklayın. Karşınıza çıkan iki satırın altına aşağıda yer alan kodları yapıştırın.
javascript:(function(){var a=window.open('about:blank').document;a.write('Source code of '+location.href);a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();

Bu işlemleri yaptıktan sonra siteyi açtığınızda kaynak kodları gözükecektir.

Teknoloji kategorimizde benzer içeriklerimizi bulabilirsiniz.

İçeriği Oyla!
“Telefondan Öğeyi Denetle Nasıl Yapılır?” üzerine 3 yorum
Yorum yapın

1