iOS için Safari, web geliştiricilerinin iPhone ve iPad'deki web sayfalarıyla ilgili sorunları izlemesine ve çözmesine yardımcı olmak için isteğe bağlı bir hata ayıklama konsolu içerir.

Daha da iyisi, iOS'un en son sürümleriyle, aslında masaüstündeki Safari'nin kullandığı Web Denetçisinin aynısını kullanır, yani iPhone veya iPad'i bilgisayara bağlarsanız doğrudan Safari hata ayıklama araçlarını kullanabilirsiniz iOS veya iPadOS cihazınızla

iOS'un eski sürümleri de bu yeteneğe sahiptir ve masaüstü Safari hata ayıklama ve geliştirici araçları kadar kapsayıcı olmasa da yine de kullanışlıdır ve iPhone ve iPad'de etkinleştirilmesi veya devre dışı bırakılması kolaydır.

Bu özelliği iOS'un hem yeni hem de eski sürümlerinde nasıl etkinleştireceğinizi öğrenelim ve sürümler arasındaki farkları da öğrenelim.

iPhone ve iPad için Safari'de Web Denetçisini Etkinleştirme ve Kullanma

Modern iOS ve iPadOS sürümlerinde, Safari web denetçisi şu şekilde çalışır:

1. Ayarlar > Safari > Gelişmiş'i açın, ardından “Web Denetçisi”ni etkinleştirmek için dokunun
2. iPhone veya iPad'i bir Mac'e bağlayın, ardından Safari'ye gidin ve yapmadıysanız Safari > Tercihler > Gelişmiş > Geliştirme menü çubuğunu göster'e giderek geliştirici menüsünü etkinleştirin
3. “Geliştir” menü çubuğunu aşağı çekin ve iPhone veya iPad'i bulun ve ardından hata ayıklamak istediğiniz web sayfasını açın
4. Safari Web Inspector, web öğelerinde hata ayıklayabileceğiniz ve doğrudan Mac'teki Safari'de iOS veya IPados aygıtından inceleyebileceğiniz bir yer açılacaktır

Artık iPhone veya iPad'de gezinirken Mac'teki Safari'de Web Denetçisinin güncellendiğini göreceksiniz.

Web denetçisindeki Konsol sekmesinden hata ayıklama Konsoluna, Hata Ayıklayıcı sekmesinden hata ayıklayıcıya erişebilirsiniz. Ve tabii ki öğeler, kaynaklar, ağ vb. için olağan web denetçisi araçları da kullanılabilir.

Gerekirse hareket halindeyken iOS ve iPadOS için Kaynağı Görüntüle hilesini de kullanabilirsiniz.

Eski iOS Sürümlerinde Hata Ayıklama Konsolunu Etkinleştirme

Eski bir iPhone veya iPad'de iOS'un daha eski bir sürümüne sahipseniz, tüm hata ayıklama deneyimi cihazdadır ve onu Mac'te Safari'ye bağlayamazsınız. Yine de oldukça kullanışlıdır, şu şekilde çalışır:

1. “Ayarlar”ı başlatın ve “Safari”ye dokunun
2. “Gelişmiş”e dokunun
3. “Hata Ayıklama Konsolunu” AÇIK konumuna getirin

Etkinleştirildiğinde, web sayfası hatalarını görmek için herhangi bir Safari ekranının üst kısmındaki Hata Ayıklama Konsoluna dokunun.

Varsayılan liste tüm hataları gösterir, ancak bunlara ayrı ayrı dokunarak daha spesifik HTML, JavaScript ve CSS hatalarını inceleyebilirsiniz.

Mobil web geliştiricileri için başka bir yararlı araç, popüler Firebug geliştirme aracının daha basit bir sürümünü yüklemek için bir javascript yer imi kullanan iOS için Firebug Lite'tır. Daha yeni sürümlerin yeni yetenekleri olduğundan, bu işlevsellik muhtemelen eski iOS sürümleri için de en kullanışlıdır.

iPhone veya iPad için herhangi bir web geliştirici aracı kullanıyor musunuz? Aşağıdaki yorumlarda bizimle ipuçlarını, püf noktalarını, uygulamaları veya teknikleri paylaşın.