IPhone ve iPad'de Web Sayfası Kaynak Kodu Nasıl Görüntülenir
Çeşitli / / December 02, 2021
iOS uygulamaları tam olarak olmasa da geliştirme makineleri yine de, bir web tasarımcısının/geliştiricisinin araç setinde genellikle bir iPhone veya iPad bulacaksınız. Bir geliştirici/yayıncıysanız veya yalnızca bir sayfanın kaynak kodunu veya üzerinde dağıtılan tüm varlıkları görüntülemek isteyen biri olsanız da, bunu genellikle bilgisayardan yaparsınız.
Artık iOS 8, bir sayfanın kaynağını, varlıklarını ve DOM kaynaklarını görüntülemeyi çok daha kolay hale getirdi. Uzantı desteğine sahip harika üçüncü taraf uygulamaları sayesinde, bunu doğrudan Safari'de yapabilirsiniz (Uzantılar erişebildiğinden Chrome desteklenmez. DOM yalnızca Safari'de).
Yoldayken herhangi bir web sitesi için kaynak kodunu görüntülemenize ve kaydetmenize yardımcı olacak iki uygulamadan bahsedelim.
Safari için Kaynak Uzantısını Görüntüle
Kaynağı Görüntüle (0,99$) Safari uzantısına sahip basit ve güçlü bir uygulamadır. 0,99 ABD dolarına mal olur, ancak birçok özellik ile birlikte gelir.
Uygulama yüklendikten sonra Safari'ye gidin,
Paylaş düğmesine basın, alt satırda sağa kaydırın ve Daha. Buradan geçiş Kaynağı Görüntüle. Bu, uzantıyı etkinleştirecektir.iOS 8 uzantıları hakkında daha fazlası: iOS 8 uzantıları hızla güçlü araç. Şuna baksana onlar nasıl çalışır, NS en iyi paylaşım uzantılarıve bir uzantının Safari'yi dönüştürmenize nasıl yardımcı olabileceği tam teşekküllü bir indiriciye.
Şimdi sayfaya gidin, Paylaş düğmesini seçin ve Kaynağı Görüntüle. Sayfanın kaynak kodunu tüm ihtişamıyla göreceksiniz. öğesine dokunun. Paylaş yerel paylaşım sayfasını getirmek için düğmesine basın. Buradan kodu bir not uygulamasına gönderebilir veya e-posta ile gönderebilirsiniz.
Aşağıda dört düğme göreceksiniz – Varlıklar, DOM, Komut Dosyası ve Bilgi.
Varlıklar, sayfadaki tüm resimleri listeler. Bir önizleme görmek ve resmi kaydetmek için bir bağlantıya dokunabilirsiniz.
NS DOM düğmesi size HTML, XML ve SVG belgelerinin hiyerarşik yapısına sahip bir ağaç modeli gösterecektir. Genişletmek için herhangi bir öğeye dokunabilirsiniz.
NS Senaryo düğmesi, herhangi bir sayfada (yerel olarak) Javascript yazmanıza ve enjekte etmenize olanak tanır. NS Bilgi panel, sayfayla ilgili bilgileri gösterir.
Srcfari
Srcfari (0,99 ABD doları), Kaynağı Görüntüle'ye bir alternatiftir. Uygulama size kaynak kodunu ve sayfada çalışan resimler, CSS stil sayfaları ve komut dosyaları gibi varlıkları gösterecek olsa da, bunu uygulamanın kendisinden yapmanız gerekir. Srcfari için Safari uzantısı yok.
Bununla birlikte, Srcfari'yi kullanmak hiç de kötü bir deneyim değil. Uygulamanın güzel bir tipografisi var ve varlıkları komut dosyalarına, CSS'ye ve resimlere göre ayırmada Kaynak Görüntüle uygulamasından çok daha iyi bir iş çıkarıyor. Srcfari ile ilgili bir yakınma, CSS stil sayfaları için metin kaydırmayı etkinleştirmesi, ancak kaynağın tamamını görüntülerken (Kaynak Görüntüle uygulamasının yaptığı) değil. Bu, en azından iPhone'da makul miktarda kaydırma ve yakınlaştırma olacağı anlamına gelir.
Bunun dışında Srcfari olağan bir meseledir. Kaynak kodunu panonuza kopyalayabilir veya birisine e-posta ile gönderebilirsiniz. Uygulamayı kullanarak görüntüleri de kaydedebilirsiniz.
Çözüm
Safari muhtemelen iOS'ta zaten tercih ettiğiniz tarayıcıdır (çoğunlukla iOS, Chrome'u varsayılan olarak seçmenize izin vermediğinden). Kaynak kodunu oldukça sık görüntülemeniz gerekiyorsa, Safari uzantılı 0,99 ABD Doları Kaynak Görüntüle uygulaması fiyatına değer.
Web sitelerinde sorun gidermek için genellikle iPhone veya iPad'inizi mi kullanıyorsunuz? Ya da onların nesi olduğunu görmek için mi? Aşağıdaki yorumlarda bize bildirin.