Telefondan öğeyi denetle işlemi birçok kullanıcının dönemsel olarak yapması gereken işlemler arasındadır. Masaüstü Bilgisayar, Laptop ve diğer cihazlarda bu işlemi tek bir Mouse hareketi ile yapmak mümkün iken mobil cihazlarda öğeyi denetle işlemini yapmak maalesef zordur.
Telefondan öğeyi denetle işlemini yapmak için birden fazla yöntem bulunmaktadır. İçeriğimizin devamında bu işlemi sağlayabileceğiniz Android uygulamasını sizlere aktaracağız.
Telefondan Öğeyi Denetle Programı
Google Play Store’da yer alan “HTML/CSS Website Inspector” uygulaması sayesinde bu işlem kolaylıkla yapılabilmektedir. Play Store’da 10 Milyon’un üzerinde indirme ve 43,1 bin yorum alan bu uygulama ile telefondan öğeyi denetleme işlemini yapmak oldukça basittir.
Bu uygulama sadece web sitelerinin kaynak kodlarını göstermektedir. Masaüstü cihazlardaki gibi öğeyi denetle yaparak yaptığınız işlem değişikliklerini karşınıza yansıtmamaktadır. Sadece kod inceleme, kod yazma uygulaması değildir. Bu yüzden ilgili uygulamayı indirirken mutlaka bunun bilincinde olarak indirme işlemi sağlamalısınız.
- Uygulamayı cihazınıza indirin.
- Uygulamayı açın ve öğeyi denetle yapmak istediğiniz web sitesine giriş yapın.
- Değiştirmek istediğiniz öğeyi bulun.
- Adres çubuğunda yer alan “Parmak” simgesine tıklayın.
- İlgili alan sarı renk ile boyandıktan sonra o alanın kaynak kodları karşınıza gelmektedir.
Telefondan Öğeyi Denetle iPhone
iPhone cihazlarda ise öğeyi denetle işlemi için Apple Store’da uygun bir uygulama bulunmamaktadır. Bu cihazlarda ise web sitesinin başına: “view-soruce:” (Tırnak içindeki) kısmı yazın ve web sitesinin adresini “:” işaretinin sonuna yazın.
Örnek Link: view-soruce:https://www.google.com.tr gibi olmalıdır.
Alternatif olarak ise;
- iOS’ta Safari’yi açın ve ilgili siteyi yer imlerine ekleyin.
- Yer imi menüsünden kaydedilen bağlantıya basılı tutun ve “Düzenle” diyin.
- Akabinde de çıkan satıra aşağıda yer alan 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))})();- Kaydettiğiniz de kaynak kodları yer imleri bölümünde gözükmektedir.
İlginizi Çekebilir: Windows 10 Lisanslama işlemi için ilgili bağlantıyı ziyaret edebilirsiniz.
