- Katılım
- 19 Eyl 2012
- Konular
- 661
- Mesajlar
- 2,760
- Çözüm
- 35
- Online süresi
- 5mo 1d
- Reaksiyon Skoru
- 1,683
- Altın Konu
- 80
- Başarım Puanı
- 311
- MmoLira
- 15,040
- DevLira
- 0
ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!
Günümüzde milyarlarca mobil kullanıcıyla, mobil cihazlarda görüntülenebilen web siteleri oluşturmak vazgeçilmezdir. Neyse ki, mobil platformlarda web sitelerinde hata ayıklamak için birçok araç ve seçeneğimiz var .
Yalnızca bir macOS ve iOS ortamında geliştirme yapıyorsanız, bu üçüncü taraf araçlara ihtiyacınız olmayabilir. Apple, bu iş için halihazırda bir takım araçlar sağlamıştır.
Ve bu yazıda, iPhone ve iPad için iOS'ta statik web sitelerine ve WordPress web sitelerine erişmek ve bu web sitelerinde hata ayıklamak için bunları nasıl yapacağınızı göstereceğiz .
Daha fazla uzatmadan başlayalım.
Yalnızca bir macOS ve iOS ortamında geliştirme yapıyorsanız, bu üçüncü taraf araçlara ihtiyacınız olmayabilir. Apple, bu iş için halihazırda bir takım araçlar sağlamıştır.
Ve bu yazıda, iPhone ve iPad için iOS'ta statik web sitelerine ve WordPress web sitelerine erişmek ve bu web sitelerinde hata ayıklamak için bunları nasıl yapacağınızı göstereceğiz .
Daha fazla uzatmadan başlayalım.
Başlarken
Öncelikle, Safari'yi başlatın ve Geliştirici Araçlarını Safari> Tercih üzerinden etkinleştirin . Gelişmiş sekmesinden, open page with seçeneğine gelin.
Safari menü çubuğunda Develop adlı yeni bir menü görünecektir.
Ardından iPad veya iPhone'unuzda Ayarlar> Safari'ye gidin . Benzer şekilde, Gelişmiş menüsünde Web Denetçisini etkinleştirin .
Safari menü çubuğunda Develop adlı yeni bir menü görünecektir.
Ardından iPad veya iPhone'unuzda Ayarlar> Safari'ye gidin . Benzer şekilde, Gelişmiş menüsünde Web Denetçisini etkinleştirin .
WordPress tabanlı web sitesi için
CSS, Görüntüler ve JavaScript bağlantılarının iPad veya iPhone'a doğru şekilde yüklenmesi için göreli bir yol gereklidir. WordPress tabanlı web siteleri geliştiriyorsanız, tüm varlık yolları mutlaktır. Bunları göreceli bir yol yapmak için bu eklentiyi kurun ve etkinleştirin:
Etkinleştirildikten sonra, yol URL'leri şunlardan dönecektir:
Etkinleştirildikten sonra, yol URL'leri şunlardan dönecektir:
1 |
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
|
... aşağıda gördüğünüz gibi bir şeye:
1 | /wordpress/ |
Web Sitesinde Hata Ayıklama
Öncelikle, ağ IP adres numaranızı bilmeniz gerekir. Gidin Sistem Tercihi> Ağı . Orada, IP adresini bulacaksınız. Ayrıca, Apple cihazlarınızın (Mac, iPad, iPhone) aynı Ağa bağlı olduğundan emin olun, böylece web sitesine iPad veya iPhone üzerinden kablosuz olarak erişebilirsiniz.
İPad veya iPhone'unuzda, Safari uygulamasını başlatın ve localhost: 8888'e ve ardından web proje dizininize erişin - örneğin localhost: 8888 / wordpress . Yerel sunucunuzu MAMP kullanarak kurarsanız, localhost: 8888 varsayılan yerel sunucu adresiniz olmalıdır.
Aşağıda görebileceğiniz gibi, bu durumda WordPress tabanlı olan web sitemizi bir iPad'de görüntülüyoruz.
Ayrıca, Web sitesinde Geliştirici Araçları ile hata ayıklayabilmek için iPad veya iPhone'unuzu USB kullanarak Mac'inize bağlamanız gerekir . Ardından, Safari'de Geliştir menüsüne gidin ve bağlı cihazınızı seçin.
İşimiz bitti.
Aşağıdaki ekran görüntüsünde, Geliştirici Araçlarından DOM ağacını seçerken , iPad veya iPhone'daki ilgili öğelerin vurgulandığını görebilirsiniz. Artık masaüstünüzde yaptığınız gibi, web sitenizde teknik olarak hatalarını iPad veya iPhone'da ayıklayabilirsiniz.
İPad veya iPhone'unuzda, Safari uygulamasını başlatın ve localhost: 8888'e ve ardından web proje dizininize erişin - örneğin localhost: 8888 / wordpress . Yerel sunucunuzu MAMP kullanarak kurarsanız, localhost: 8888 varsayılan yerel sunucu adresiniz olmalıdır.
Aşağıda görebileceğiniz gibi, bu durumda WordPress tabanlı olan web sitemizi bir iPad'de görüntülüyoruz.
Ayrıca, Web sitesinde Geliştirici Araçları ile hata ayıklayabilmek için iPad veya iPhone'unuzu USB kullanarak Mac'inize bağlamanız gerekir . Ardından, Safari'de Geliştir menüsüne gidin ve bağlı cihazınızı seçin.
İşimiz bitti.
Aşağıdaki ekran görüntüsünde, Geliştirici Araçlarından DOM ağacını seçerken , iPad veya iPhone'daki ilgili öğelerin vurgulandığını görebilirsiniz. Artık masaüstünüzde yaptığınız gibi, web sitenizde teknik olarak hatalarını iPad veya iPhone'da ayıklayabilirsiniz.
