Hiç dijital perdenin arkasına bakmak ve en sevdiğiniz web sitelerini iPhone'unuzdan neyin işaretlediğini görmek istediniz mi? Elemanları incelemek, geliştiriciler, tasarımcılar veya basitçe meraklı bir oyun değiştirici olabilir. İlk göründüğü kadar göz korkutucu değil ve birkaç kolay adımla, bu güçlü aracın avucunuzdaki kilidini açabilirsiniz. Dalmaya hazır mısınız? Hadi gidelim!
Adım Adım Eğitici: İPhone'da öğe nasıl denetlenir
Başlamadan önce, iPhone'unuzdaki öğeleri incelemenin, bir masaüstünde olduğu gibi bir web sayfasının HTML ve CSS'sini görüntülemenizi sağladığını bilin. Bu, web sitesi sorunlarını gidermek veya sadece bir web sitesinin nasıl oluşturulduğuna dair merakınızı tatmin etmek için çok yararlıdır.
1. Adım: Safari'de Geliştirici Modunu Etkinleştir
İlk olarak, iPhone'unuzun Safari Tarayıcısında Geliştirici Modunu açmanız gerekir.
Bunu yapmak için ayarlar uygulamanızı açın, Safari'ye gidin ve üzerine dokunun. “Gelişmiş” görene kadar tekrar aşağı kaydırın ve ardından “Web Müfettişi” ni değiştirin. Bu şık özellik, karşılaştığınız herhangi bir web sayfasının temel koduna erişmek için altın biletinizdir.
2. Adım: İPhone'unuzu bir Mac'e bağlayın
Ardından, güvenilir şarj kablonuzu kullanarak iPhone'unuzu Mac'inize bağlamanız gerekir.
Bunun nedeni, bir masaüstünün aksine, iPhone'un öğeleri doğrudan cihazda incelemenize izin vermemesidir. Ama endişelenmeyin, Mac'iniz burada mükemmel bir yardımcı gibi davranıyor ve her şeyi daha büyük bir ekranda görmenize izin veriyor.
Adım 3: Mac'inizde Safari'yi Açın
Bağlandıktan sonra, Mac'inizde Safari'yi açın - evet, Safari olmalı!
Mac'inizin safarisinde de geliştirme menüsünü etkinleştirdiğinizden emin olun. Menü çubuğunda görünmüyorsa, Safari'nin tercihlerine gidin, “Gelişmiş” sekmesine tıklayın ve altta “Menü çubuğunda Menü Geliştirme” adlı kutuyu işaretleyin.
4. Adım: Web Müfettişine Erişin
Mac'inizde Safari Açıkken, “Geliştir” menüsüne tıklayın ve iPhone'unuzu orada listelendiğini görmelisiniz. Üzerinde dolaşın ve iPhone'unuzun safarisindeki açık sekmeler listesi görünecektir.
Denetlemek istediğiniz sekmeyi seçin, tıklayın ve voila! Mac'inizde size bu web sayfasının tüm HTML ve CSS iyiliğini gösteren bir pencere açılacaktır. Artık canlı sitede nasıl görüneceğini görmek için tıklayabilir, keşfedebilir ve hatta değişiklikler yapabilirsiniz (endişelenmeyin, bu değişiklikler sadece geçicidir ve gerçek web sitesini etkilemez).
Bu adımları tamamladıktan sonra, iPhone'unuzdaki bir öğeyi başarıyla inceleyeceksiniz. Düzgün organize edilmiş koda hayret edebilir, değişiklikleri test etmek için değiştirebilir veya bu yeni gücü hareket halindeyken web sitesi sorunlarını hata ayıklamak için kullanabilirsiniz.
İPhone'da öğeyi incelemek için ipuçları
- Telefonunuzun sorunsuz çalışmasını sağlamak için işiniz bittiğinde iPhone'unuzun Safari ayarlarındaki Web Müfettişini her zaman kapatmayı unutmayın.
- Mac'inizin iPhone'unuzu tanımasını sağlamakta zorlanıyorsanız, her iki cihazın da Wi-Fi ve Bluetooth'un açıldığından ve en son yazılım sürümlerine güncellendiğinden emin olun.
- Sayfanın HTML yapısında gezinmek için Web Müfettişindeki “Öğeler” sekmesini kullanın. Web sayfasının nasıl bir araya getirildiğini anlamanın harika bir yoludur.
- CSS ile oynamak istiyorsanız “Stiller” sekmesi arkadaşınızdır. Renkleri, yazı tiplerini ve düzeni değiştirebilir ve gerçek zamanlı değişiklikleri görebilirsiniz.
- Web Müfettişinde yaptığınız değişikliklerin kalıcı olmadığını unutmayın. Kalıcı değişiklikler yapmak için web sitesinin gerçek kod tabanını düzenlemeniz gerekir.
Sık sorulan sorular
Mac olmadan iPhone'daki öğeyi inceleyebilir miyim?
Ne yazık ki, bir iPhone'daki elemanları Mac olmadan doğrudan inceleyemezsiniz. İPhone'un Safari Tarayıcısı, öğeleri yerel olarak incelemeyi desteklemez. Web Müfettişi işlevselliğine erişmek için bir Mac'i köprü olarak kullanmanız gerekir.
İPhone'umdan öğeleri incelemek için Mac'ime herhangi bir özel yazılım yüklemem gerekiyor mu?
Özel bir yazılıma gerek yoktur, sadece yerel Safari tarayıcısı ve tam olarak inşa edilen Web Müfettişi özelliği.
Bu yöntemi, giriş gerektiren web sitelerinde öğeleri incelemek için kullanabilir miyim?
Evet, yapabilirsin. Mac'inize bağlanmadan ve incelemeye başlamadan önce iPhone'unuzun Safari Tarayıcısındaki web sitesine giriş yaptığınızdan emin olun.
Daha fazla bilgi edin:İPad'de öğeyi nasıl inceleyebilirim: Yeni başlayanlar için adım adım bir kılavuz
Web Müfettişinde yaptığım değişiklikler diğer insanlara görünür olacak mı?
Hayır, dinlen! Yaptığınız değişiklikler geçicidir ve sadece sizin için görünürdür. Web sayfasını yeniledikten veya gezindikten sonra kaybolurlar.
İPhone'umdaki Safari dışındaki tarayıcılardaki öğeleri inceleyebilir miyim?
Hayır, şu anda, bu yöntem yalnızca Safari ile çalışır, çünkü iOS'ta Web Müfettiş özelliğini destekleyen tek tarayıcıdır.
Özet
- Safari'de Geliştirici Modunu Etkinleştir
- İPhone'unuzu bir Mac'e bağlayın
- Mac'inizde safari açın
- Web Müfettişine erişin
Çözüm
Bir iPhone'da bir öğeyi incelemek ilk başta zor bir süreç gibi görünebilir, ancak asmayı aldıktan sonra aslında oldukça basittir. Unutmayın, bu, parmaklarınızın ucunda, web tasarımını anlamanıza, sorunları gidermenize ve hatta web geliştirme becerilerinizi geliştirmenize yardımcı olabilecek güçlü bir araçtır. Bu makalede özetlenen basit adımları izleyerek, öğeleri denetleme konusunda hiçbir zaman profesyonel olacaksınız. Ve kim bilir, belki bu sizin için web geliştirme veya tasarıma yeni bir ilgi uyandıracaktır. Bir dahaki sefere iPhone'unuza göz attığınızda ve bir sayfanın nasıl oluşturulduğunu merak edin, devam edin ve inceleyin. Mutlu kodlama!