iOS ve Android Telefonda Öğeyi Denetle Nasıl Yapılır?

15.04.2021
1.165
A+
A-
iOS ve Android Telefonda Öğeyi Denetle Nasıl Yapılır?

Web tarayıcılarında bulunan öğeyi denetle özelliğine mobil kullanıcılarda ihtiyaç duyabilmektedir. iOS ve Android öğeyi denetle yaparak web sitesindeki merak ettiğiniz front-end kodlarına erişebilirsiniz. Ancak mevcut web tarayıcılarıyla mobil cihazlardan öğeyi denetle yaparak düzenleme yapmak mümkün değildir, sadece kodlar okunabilir.

Öğeyi Denetle Nedir?

Öğeyi denetle web tarayıcılarında yerleşik olarak bulunur. Bu özellik sayesinde web sitesinin HTML, CSS ve JS kodlarını görebilir, hatta düzenleyebilirsiniz. Düzenleme işlemi geçicidir. Sayfa yenilendiğinde yapılan değişiklikler kaybolur. Çünkü bu değişiklik sadece istemci(ziyaretçi/kullanıcı) tarafında gerçekleşir, sunucu(web sitesi) tarafında gerçekleşmez. Bu kodları kalıcı olarak düzenleyebilmek için sunucu tarafında yetki sahibi olmak gerekir.

Android telefonda öğeyi denetle nasıl yapılır?

Android öğeyi denetle işlemi Google Chrome tarayıcı üzerinden son derece kolay bir şekilde gerçekleştirilebilmektedir. Ancak hatırlatmakta fayda var, bu özellik ile sadece kaynak kodları okuyabilirsiniz.

  • Google Chrome tarayıcıyı açtıktan sonra adres çubuğuna dokunun.
  • Adres çubuğunda site adresinin başına “view-source:” yazın ve git butonuna dokunun.

iOS telefonda (Apple) öğeyi denetle nasıl yapılır?

iOS telefon kullananların kaynak kodları görüntüleyebilmek için biraz daha çaba göstermeleri gerekiyor. Safari tarayıcısında hazır bir yapı bulunmadığından aşağıdaki işlemleri adım adım uygulamalısınız.

  • Safari tarayıcısını açın ve iOS öğeyi denetle yapmak istediğiniz siteye gidin.
  • Daha sonra siteyi yer imlerine ekleyin.
  • Yer imleri bölümüne girin ve eklediğiniz siteyi bulun.
  • Düzenle bölümüne girin ve ikinci satıra alt maddedeki kodu 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))})();
  • Yer imini kaydedin ve siteyi yer imi üzerinden tekrar ziyaret edin.

iOS veya Android öğeyi denetle yöntemleri sizde işe yaramadıysa online view-page-source sitelerini deneyebilirsiniz. Bu sitelere kaynak kodunu görmek istediğiniz sitenin URL’ni yapıştırmanız yeterli olacaktır. Eğer iyi çalışan bir site bulamadıysanız mağazalardaki üçüncü parti canlı HTML kod düzenleme uygulamalarını da deneyebilirsiniz.

BİR YORUM YAZIN

ZİYARETÇİ YORUMLARI - 0 YORUM

Henüz yorum yapılmamış.