İphone ve ipad web sayfası kaynak kodunu görüntülemek nasıl

İOS uygulamaları henüz tam bir geliştirme makinesi olmasa da, genellikle bir web tasarımcısı / geliştiricisinin 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 üzerinde kurulu tüm varlıkları görüntülemek isteyen biri olsanız da, genellikle bilgisayardan yaparsınız.

Şimdi iOS 8, bir sayfanın kaynağını, varlıklarını ve DOM kaynaklarını görüntülemeyi çok kolaylaştırdı. Eklenti destekli harika üçüncü parti uygulamalar sayesinde bunu doğrudan Safari'de yapabilirsiniz (Chrome, desteklenmiyor çünkü uzantılar yalnızca Safari’de erişebilir).

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

Safari İçin Kaynak Uzantısını Görüntüle

Kaynağı Görüntüle ($ 0.99) bir Safari eklentisi ile basit ve güçlü bir uygulama. 0, 99 $ maliyeti, ancak birçok özellik ile birlikte geliyor.

Uygulama yüklendikten sonra, Safari'ye gidin, Paylaş düğmesine dokunun, alt satırdaki sağa kaydırın ve Daha Fazla'ya dokunun. Buradan Görünüm Kaynağını değiştirin. Bu, uzantıyı etkinleştirir.

İOS 8 uzantıları hakkında daha fazlası: iOS 8 uzantıları hızla güçlü bir araç haline geliyor. Nasıl çalıştıklarına, en iyi paylaşım uzantılarına ve bir uzantının Safari'yi tam teşekküllü bir indiriciye dönüştürmenize nasıl yardımcı olabileceğine bakın.

Şimdi, sayfaya gidin, Paylaş düğmesine dokunun ve Kaynağı Görüntüle'yi seçin. Sayfanın kaynak kodunu tüm ihtişamıyla göreceksiniz. Yerel paylaşım sayfasını getirmek için Paylaş düğmesine dokunun. Buradan kodu bir not 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 görüntüleri listeler. Önizlemeyi görmek ve resmi kaydetmek için bir bağlantıya dokunabilirsiniz.

DOM düğmesi size HTML, XML ve SVG belgelerinin hiyerarşik yapısına sahip bir ağaç model gösterecektir. Genişletmek için herhangi bir öğeye dokunabilirsiniz.

Komut Dosyası düğmesi, Javascript'i herhangi bir sayfaya (yerel olarak) yazıp enjekte etmenizi sağlar. Bilgi paneli sayfa hakkındaki bilgileri gösterir.

Srcfari

Srcfari (0.99 $) Kaynak Gösterisine bir alternatiftir. Uygulama size kaynak kodunu ve sayfada çalışan resimler, CSS stil sayfaları ve komut dosyaları gibi varlıkları gösterse de, uygulamanın kendisinden yapmanız gerekir. Srcfari için Safari eklentisi yok.

Bununla birlikte, Srcfari'yi kullanmak hiç de fena bir deneyim değil. Uygulamanın güzel bir tipografisi var ve View Source uygulamasından daha çok komut dosyalarını, CSS'yi ve görüntüleri kullanarak öğeleri ayırmada çok daha iyi bir iş çıkarıyor. Srcfari ile sahip olduğum bir yakınma, CSS stil sayfaları için metin kaydırmayı sağlaması, ancak kaynağın tamamını görüntülerken (View Source uygulamasının yaptığı) değil. 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 bir meseledir. Kaynak kodunu panonuza kopyalayabilir veya birisine e-postayla gönderebilirsiniz. Uygulamayı kullanarak görüntüleri de kaydedebilirsiniz.

Sonuç

Safari muhtemelen iOS'ta zaten tarayıcınızdır (çoğunlukla iOS, Chrome'u varsayılan olarak seçmenize izin vermediğinden). Kaynak kodunu oldukça sık görüntülemeniz gerekirse, Safari eklentisine sahip 0, 99 ABD doları Kaynak Görüntüle uygulaması fiyat değerinde olacaktır.

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