İPhone ve iPad'de Web Sayfasının Kaynak Kodunu Görüntüleme

İOS uygulamaları tam olarak geliştirme makineleri yine de, genellikle bir web tasarımcısı / geliştiricinin araç setinde bir iPhone veya iPad bulacaksınız. Bir geliştirici / yayıncıysanız veya yalnızca bir sayfanın kaynak kodunu görüntülemek veya sayfada dağıtılan tüm varlıkları görüntülemek isteyen biriyseniz, bunu genellikle bilgisayardan yaparsınız.

İOS 8 artık bir sayfanın kaynağını, varlıklarını ve DOM kaynaklarını görüntülemeyi çok daha kolay hale getirdi. Uzantı destekli harika üçüncü taraf uygulamaları sayesinde, bunu doğrudan Safari'de yapabilirsiniz (Chrome desteklenmez, çünkü uzantılar erişebilir KARAR yalnızca Safari'de).

Yoldayken herhangi bir web sitesi için kaynak kodunu görüntülemenize ve kaydetmenize yardımcı olacak iki uygulama hakkında konuşalım.

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 dolara mal oluyor, ancak birçok özellik var.

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ş yapın Kaynağı Görüntüle. Bu uzantıyı etkinleştirir.

İOS 8 uzantıları hakkında daha fazla bilgi: iOS 8 uzantıları hızla bir güçlü araç. Şuna baksana onlar nasıl çalışır, en iyi paylaşım uzantılarıve bir uzantı Safari'yi çevirmenize nasıl yardımcı olabilir? tam teşekküllü bir indiriciye.

Şimdi sayfaya gidin, Paylaş düğmesine basın ve Kaynağı Görüntüle. Sayfanın kaynak kodunu tüm ihtişamıyla göreceksiniz. Öğesine dokunun. Paylaş düğmesini kullanarak yerel paylaşım sayfasını açın. Buradan kodu bir notlar uygulamasına gönderebilir veya e-postayla 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.

KARAR 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.

Senaryo düğmesi herhangi bir sayfaya Javascript yazmanıza ve enjekte etmenize olanak tanır (yerel olarak). Bilgi paneli sayfa hakkındaki bilgileri gösterir.

Shrchfari

Shrchfari (0,99 $) Kaynağı Görüntüle seçeneğine bir alternatiftir. Uygulama size kaynak kodu ve resimler, CSS stil sayfaları ve sayfada çalışan komut dosyaları gibi öğeleri gösterirken, bunu uygulamanın kendisinden yapmanız gerekir. Srcfari için Safari uzantısı yok.

Bununla birlikte, Srcfari'yi kullanmak hiç de fena bir deneyim değil. Uygulama güzel bir tipografiye sahiptir ve Varlıkları Komut Dosyası, CSS ve görüntülerle Kaynağı Görüntüle uygulamasından daha iyi bir şekilde parçalara ayırır. Srcfari ile yaşadığım bir sorun, CSS stil sayfaları için metin kaydırmayı etkinleştirmiş olması, ancak kaynağın tamamını görüntülediğinizde değil (Kaynağı Görüntüle uygulaması). Bu, en azından iPhone'da oldukça fazla kaydırma ve yakınlaştırma olacağı anlamına gelir.

Bunun dışında Srcfari olağan olaydır. Kaynak kodunu panonuza kopyalayabilir veya birine e-posta ile gönderebilirsiniz. Uygulamayı kullanarak görüntüleri de kaydedebilirsiniz.

Sonuç

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ısına sahip $ 0.99 Kaynağı Görüntüle uygulaması fiyatına değer.

Web sitelerinde sorun gidermek için genellikle iPhone veya iPad'inizi kullanıyor musunuz? Yoksa neyin yanlış olduğunu görmek için mi? Aşağıdaki yorumlarda bize bildirin.