İOS 6'dan önce, iPhone'un Safari web tarayıcısı, geliştiricilerin web sayfası kusurlarını bulmak için kullandıkları yerleşik bir Hata Ayıklama Konsolu'na sahipti. İOS'un son sürümleri bunun yerine Web Denetçisi kullanıyor. Web Inspector, web geliştiricileri tarafından Mac'lerde ve iOS cihazlarda web sitelerini değiştirmek, hata ayıklamak ve optimize etmek için kullanılır.
Web Inspector'ı kullanmak için iPhone'unuzu bir kabloyla Mac bilgisayarınıza bağlayın, Mac'in Safari'sini açın, ardından Safari Gelişmiş Tercihlerindeki Geliştirme menüsünü etkinleştirin.
Bu makaledeki bilgiler, aksi belirtilmedikçe iPhone'lar ve iOS 6 ile iOS 12 arasındaki diğer iOS cihazları ve Mac OS X Leopard (10.5) ve sonraki sürümleri için Mac'ler için geçerlidir.
:max_bytes(150000):strip_icc()/activate-the-debug-console-in-safari-445798-966c0d94643b4d458363ba425319dbdc.png)
Miguel Co / Lifewire
İPhone iOS 6 ve Üstünde Web Denetçisini Etkinleştirin
Çoğu iPhone kullanıcısı tarafından kullanılmadığı için Web Denetçisi varsayılan olarak devre dışı bırakılmıştır. Ancak geliştiriciler bunu birkaç kısa adımda etkinleştirebilirler. Bunu nasıl yapacağınız aşağıda açıklanmıştır:
-
Dokunun Ayarlar iPhone Ana ekranındaki simgesi.
İOS'un eski sürümüne sahip bir iPhone'da, Hata Ayıklama Konsolu'na şu adresten erişin: Ayarlar > safari > Geliştirici > Hata Ayıklama Konsolu. İPhone'daki Safari, CSS, HTML ve JavaScript hatalarını her algıladığında, her birinin ayrıntıları hata ayıklayıcıda görüntülenir.
-
Aşağı kaydırın ve dokunun safari iPhone, iPad veya iPod touch'ınızdaki Safari web tarayıcısıyla ilgili her şeyi içeren ekranı açmak için.
-
Ekranın altına gidin veöğesine dokunun. gelişmiş.
-
Taşı Web Müfettiş geçiş anahtarı On pozisyon.
:max_bytes(150000):strip_icc()/001-activate-the-debug-console-in-safari-445798-a4b7da19fff847cf9ea9ffe911da0b31.jpg)
İPhone'u Mac'te Safari'ye bağlayın
Web Inspector'ı kullanmak için iPhone'unuzu veya başka bir iOS aygıtınızı Safari web tarayıcısı çalıştıran bir Mac'e bağlayın. Bir kablo kullanarak cihazınızı bilgisayara takın.
Safari açıkken şunları yapın:
-
Le Marchê'nin deri koleksiyonlarını görmek için safari menü çubuğunda ve seçin Tercihler.
:max_bytes(150000):strip_icc()/001-autofill-in-safari-for-os-x-and-macos-sierra-4103704-fc557bbc7ab341038f5be1d9953a2307.jpg)
-
Tıkla gelişmiş sekmesi.
:max_bytes(150000):strip_icc()/002-activate-the-debug-console-in-safari-445798-ebbd2813dedc448da5c705ece1aaa9a2.jpg)
-
seçmek Menü çubuğunda Geliştir menüsünü göster onay kutusunu işaretleyin.
:max_bytes(150000):strip_icc()/003-activate-the-debug-console-in-safari-445798-126e0290482f4b3790f5a0a76803baf9.jpg)
-
Ayarlar penceresinden çıkın.
-
Safari menü çubuğunda GeliştirmekArdından seçmek Web Inspector'ı bağlayın.
:max_bytes(150000):strip_icc()/004-activate-the-debug-console-in-safari-445798-752dc8ee8cf042b0a8754e36dc23a842.jpg)
Bağlı iPhone'unuz veya diğer iOS cihazı, Geliştirmek Aşağıya doğru açılan menü. Web Denetçisi açıkken, geliştiriciler bir web sayfasındaki tüm kaynakları inceleyebilir. Web Inspector penceresi, ayrı bir panelde web sayfasının stilleri ve katmanlarıyla ilgili düzenlenebilir HTML ve notlar içerir.
Safari 9 ve OS X Mavericks (10.9) ile Apple, Web Inspector'da Duyarlı Tasarım Modu'nu tanıttı. Geliştiriciler, web sayfalarının farklı ekran boyutlarına, çözünürlüklere ve yönlere nasıl ölçeklendiğini önizlemek için bu yerleşik simülatörü kullanır.