Çalıştığınız bir web sitesini ziyaret ettiğinizi ve bazı aksaklıklar gördüğünüzü varsayalım. Buggy kodunu bulmak ve düzeltmek için iPhone veya iPad'de sayfa kaynağını görüntülemeniz gerekir. Safari'yi açarsınız ve Safari'deki HTML kaynak kodu görüntüleme düğmesini boşuna bulmak için çıldırırsınız. Şimdi ne yapacaksınız? Çok kolay, sadece bu makaleyi okuyun!
Her web sitesi geliştiricisi, programcısı, yazılım tasarımcısı, App Store uygulama geliştiricisi, içerik yaratıcısı ve web yöneticisi kaynak kodunun ne kadar önemli olduğunu bilir. İşin bu ayağında, sorunları düzeltmek, hata ayıklamak, tasarlamak ve web sitesine değer katmak için her zaman bir web sayfası kaynak koduna bakmanız gerekir.
Bu görev Android ve Windows cihazlarda oldukça kolayken, iPhone, iPad, MacBook ve iMac gibi Apple cihazlarda aynı derecede zordur. Bununla birlikte, macOS'ta özellik mevcuttur ancak gizlidir ve bunu izleyerek bulabilirsiniz "HTML Kaynak Kodunu Safari'de Görüntüleyin" madde. Ancak, iOS cihazları için bu farklı bir hikaye.
Apple, iPad/iPhone'da sayfa kaynaklarının görüntülenmesini kesinlikle zorlaştırdı. Web sayfalarının HTML kaynak kodunu almak için dokunabileceğiniz veya dokunabileceğiniz yerel veya söylemeliyim ki kolay yöntemler yoktur. Ama henüz çok çılgına dönme. Bunun yerine, iPhone veya iPad'de Safari'de sayfa kaynağının nasıl görüntüleneceğini öğrenmenin en iyi yollarını bulmak için bu makaleyi sonuna kadar okuyun.
Sayfa Kaynağını iPhone/iPad'de Görüntülemeniz Gereken Nedenler
Sayfa kaynaklarını iPad/iPhone'da Safari'de görüntülemek için bazı durumları ve nedenleri aşağıda bulabilirsiniz:
- iPhone veya iPad gibi belirli bir cihaz için bir web sayfasının sayfa kaynağını görüntülemeniz gerekir. Web sitesine Mac'te erişir ve HTML kaynak kodunu görüntülerseniz, iPhone veya iPad sürümlerini değil, masaüstü sürümünün öğelerini görürsünüz.
- Seyahat ediyorsunuz ve zamanınızı yeni fikirler edinmek veya bir hata ayıklama planı oluşturmak için web sayfası kodlarına bakarak harcamak istiyorsunuz.
- Web sitesi geliştirmeyi iPad'inizde yapmayı tercih edersiniz, çünkü iPad, aşağıdakiler gibi birçok çoklu görev özelliğine sahiptir: Sahne yönetmeni, Bölünmüş Görünüm vb.
Bu nedenle, herhangi bir anda iPhone veya iPad'de sayfa kaynağını görüntüleme ihtiyacı ortaya çıkarsa hazırlıklı kalmak için aşağıdaki yöntemleri izleyin.
iPhone/iPad'de Sayfa Kaynağını Görüntülemenin En İyi Yöntemleri
Aşağıda, herhangi bir üçüncü taraf uygulamasından yararlanmadan bir iPhone veya iPad'de sayfa kaynaklarını HTML kodlarında görüntülemenin popüler yolları bulunmaktadır. Bu yöntemler, gizlilik ve güvenlikle ilgili kodlayıcılar ve son kullanıcılar için uygundur:
1. Kısayollar Uygulamasını Kullanarak HTML Kaynak Kodunu Alın
Bu yöntem yalnızca iOS 12.0 (ipados 12.0) ve sonraki sürümlerini çalıştırıyorsanız çalışır. iPhone veya iPad'de bir görüntüleme sayfası kaynak kısayolunun nasıl oluşturulacağı aşağıda açıklanmıştır:
- Aç kısayollar Ana Ekrandan veya Uygulama Çekmecesinden uygulama.
- Şuna dokunun: artı (+) Yeni bir boş kısayol oluşturmak için simge.
- Arama kutusuna yazın HTML ve seç Zengin Metinden HTML Oluşturun.
- Yine, ara Hızlı bakış uygulamasını arama kutusuna ekleyin ve onu kısayol düzenleyiciye ekleyin.
- Şimdi, üstteki kısayol simgesine dokunun ve seçin Yeniden isimlendirmek.
- yeniden adlandır Kaynak Kodunu Görüntüle ve Bitti'ye dokunun.
- Şuna dokunun: (Ben) düğmesini açın ve Paylaşım Sayfasında Göster seçenek.
- Şimdi, Safari tarayıcısını açın ve istediğiniz bir web sayfasını ziyaret edin.
- Dokun Paylaşmak Safari uygulamasındaki düğmesine basın ve bulmak için aşağı kaydırın. Kaynak Kodunu Görüntüle kısayol.
- Kısayola dokunun ve Hızlı Bakış'ta HTML kaynak kodunu alırsınız.
2. Yer İşareti Komut Dosyası Kullanarak Sayfa Kaynağını Görüntüleyin
Bu yöntemde, bir yer imi oluşturacaksınız ve URL, bir görüntüleme kaynak komut dosyası olacaktır. Herhangi bir web sayfasına göz attığınızda ve sayfa kaynağını Safari'de görüntülemeniz gerektiğinde, yer imine dokunmanız yeterlidir. Sayfa için bir HTML kaynak kodu alacaksınız. İşte nasıl yapıldığı:
- Rastgele bir web sitesini ziyaret edin ve iPad veya iPhone için Safari tarayıcınızda yer imlerine ekleyin.
- Şuna dokunun: Safari menüsü sol üst köşede ve şuraya gidin: Yer imleri.
- Dokunmak Favoriler az önce eklediğiniz yer işaretini bulmak için
- Yer imine uzun dokunun ve ardından Düzenlemek bağlam menüsünde.
- Mevcut yer imi başlığını temizleyin ve şu şekilde yeniden adlandırın: HTML kaynak kodu veya sadece yer imini hatırlamak için başka bir şey.
- Şuna dokunun: Adres alanına gidin ve mevcut URL'yi temizleyin.
- Aşağıdaki kodu kopyalayıp URL olarak yapıştırın (Kod yaratıcısı: Rob Flaherty):
javascript:(function(){var a=window.open('about: blank').document; a.write('');a.close();var b=a.body.appendChild (a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace=' pre-wrap';b.appendChild (a.createTextNode (document.documentElement.innerHTML))})();- Musluk Tamamlamak Şimdiye kadar yaptığınız değişiklikleri kaydetmek için klavyede
- Şimdi, kaynak kodunu incelemeniz gereken web sayfasına gidin.
- Gitmek Yer imleri menüsüne dokunun ve HTML kaynak kodu az önce oluşturduğunuz yer işareti.
- Ziyaret ettiğiniz sayfanın HTML kodunu yeni bir Safari sekmesinde görmelisiniz.
Ayrıca okuyun:iOS ve Mac'te Safari'de Yer İşaretlerini Yönetme
3. macOS Tethering'i Kullanarak Sayfa Kaynağını Görüntüleyin
iPhone ve iPad'deki Safari uygulaması, yerleşik bir Web Denetçisi aracıyla birlikte gelir. Ne yazık ki, özellik doğrudan iPhone veya iPad cihazlarında çalışmıyor. Cihazları bir MacBook veya iMac'e bağlamanız gerekir. Ardından, HTML kaynak kodunu görselleştirmek için Mac Safari'deki kontrolleri kullanabilirsiniz. Süreç, aşağıda ana hatlarıyla belirtildiği gibi iki aşamada işler:
Web Denetçisini Etkinleştir
Açmak için şu adımları izleyin Web Denetçisi iPad ve iPhone için Safari'de işlevsellik:
- iPhone veya iPad'inizde Ayarlar uygulama.
- git Safari Ayarları.
- bulmak için Safari Ayarları penceresinin altına doğru aşağı kaydırın. Gelişmiş Menü. Üzerine dokunun.
- Etkinleştir Web Denetçisi geçiş düğmesine dokunarak.
Mac Safari'de Sayfa Kaynağını Görüntüle
Mac'inize gidin ve şu adımları izleyin:
- USB kablosunu kullanarak iPhone veya iPad'i bir MacBook veya iMac'e takın.
- Aygıtın kimliği daha önce doğrulanmadıysa, Mac sizden Apple kimliğini kullanarak aygıtın kimliğini doğrulamanızı isteyecektir.
- Şimdi Mac'te Safari uygulamasını açın ve herhangi bir web sitesini ziyaret edin.
- Mac araç çubuğunda Geliştirmek.
- Açılan içerik menüsünde iPad veya iPhone'unuzu arayın.
- Mac'inizde bu aygıtların Safari ekranını gösteren yeni bir pencere açmak için iPad veya iPhone'unuzu tıklayın.
- Şimdi, iPhone veya iPad'inizde hedef web sitesini açın ve kaynak kodunu Mac Safari tarayıcısında görüntüleyin.
Üçüncü taraf uygulamaları ve araçları konusunda bir sorununuz yoksa, web sayfalarının HTML kaynak kodlarını görüntülemek için şu ek yöntemlere de bakmak isteyebilirsiniz:
4. Safari Uzantısı – Web Denetçisi
Apple Safari tarayıcısı için Web Inspector uzantısını iPad ve iPhone'a yükleyebilirsiniz. Ardından, HTML kaynak kodunu görüntülemek için bir web sayfasına göz atarken uzantıyı arayın. İşte denemeniz gereken adımlar:
- Aç Ayarlar uygulamasına gidin ve Safari Ayarları bölüm.
- bulana kadar aşağı kaydırın. Uzantılar seçenek. Üzerine dokunun.
- Uzantıların içinde, simgesine dokunun. Daha Fazla Uzantı.
- Safari Uzantıları için App Store sayfası açılacaktır.
- Dokun Aramak kutu ve tip Web Denetçisi ve klavyede Ara'ya dokunun.
- Web Denetçisi uygulamasını bulun ve yükleyin.
- tekrar git Ayarlar > Safari > Uzantılar > ve dokunun Web Denetçisi.
- Safari için bu uzantıyı etkinleştirmek üzere geçiş düğmesini kullanın.
- Safari'yi açın ve herhangi bir web sitesini ziyaret edin.
- Şuna dokunun: Uzantılar adres çubuğunun sağ köşesindeki simgesi.
- seçin Web Denetçisi eklenti.
- Seç Bir Gün İzin Ver Açılan açılır pencerede seçenek.
- tekrar dokunun Uzantılar simgesine ve ardından Web Denetçisi'ne dokunun.
- HTML kaynak kodu, görüntülemekte olduğunuz web sayfasının altında açılmalıdır.
- DOM, Elements, Console, Network ve Resources gibi sekmeler arasında geçiş yapabilirsiniz.
- Normal görünüme geri dönmek için, Safari'nin Uzantılar bölümündeki Web Denetçisi uzantısına dokunmanız yeterlidir.
5. iOS Uygulaması - Kaynağı Görüntüle
App Store'dan ücretsiz olarak edinebilirsiniz. Arama kutusuna Kaynağı Görüntüle yazın ve Ara'ya dokunun. App Store'da birden fazla sonuç göreceksiniz. Kaynağı Görüntüle yazanı yükleyin. Uygulamanın sağlayıcısı Roman Tomjak'tır.
Uygulamayı Ana Ekrandan veya Uygulama Çekmecesinden açın. Ardından, HTML kaynak kodunu ortaya çıkarmak için web sitesi URL'sini adres çubuğuna yazın.
Araç, kaynak kodun iPhone boyutunda bir görünümünü verir. Ancak ekranın sağ alt köşesindeki ilgili butonları kullanarak yönü değiştirebilir veya yakınlaştırabilirsiniz.
6. Google Web Önbelleğini Kullanarak Kaynak Kodunu Ücretsiz Olarak Görüntüleyin
Temel kaynak kodlarını Safari veya Chrome'da görüntülemek için ziyaret edilen web sitelerinde aşağıdaki temiz ve harika numarayı yapabilirsiniz:
- HTML kaynak kodunu bulmanız gereken web sayfasını ziyaret edin.
- Safari veya Chrome adres çubuğundaki adrese dokunun.
- Yukarıdaki resimde gösterildiği gibi, yazma imlecini adresin başına getirin.
- Şimdi, önce aşağıdaki kodu yazın https://
önbellek:
- I vur Gitmek iOS klavyesindeki düğme.
- Sayfanın üst kısmında şunu görmelisiniz: Kaynağı görüntüle seçenek. Üzerine dokunun.
- Şimdi az önce ziyaret ettiğiniz web sayfasının kaynak kodunu aldınız.
Ayrıca okuyun:Yer İşaretlerinizi, Parolalarınızı ve Daha Fazlasını Nasıl İçe Aktarabilirsiniz?
7. Kaynak Kodunu Web Uygulamalarında Görüntüleyin
Web sitelerinin ve web sayfalarının altında yatan kaynak kodlarını ücretsiz veya küçük bir ücret karşılığında ortaya çıkarmanıza izin veren birçok web sitesi vardır. Tüm bu web uygulamalarından CodeBeautify'ın Kaynak Kodu Görüntüleyicisini seçtim. İşte nasıl çalıştığı:
- iPhone veya iPad'de şu bağlantıya gidin: Kaynak Kodu Görüntüleyici Safari tarayıcısını kullanarak.
- İçinde URL girin kutusuna, HTML kaynak kodunu göstermek istediğiniz web sayfası URL'sini yazın veya kopyalayıp yapıştırın.
- Şuna dokunun: Görüş iPhone/iPad Safari tarayıcısında sayfa kaynağını görüntülemek için düğme.
Çözüm
Artık iPhone ve iPad cihazlarında sayfa kaynağını görüntülemenin tüm püf noktalarını biliyorsunuz. Bu makalede bazı yerel ve yerel olmayan yöntemler keşfettiniz. Web sayfalarının HTML kaynak kodunu görüntülemek veya görevi çok daha kolaylaştıran uygulamaları kullanmak için iPad veya iPhone'daki yerel numaralara bağlı kalabilirsiniz.
Aşağıda bir yorum bırakarak hangi yöntemi beğendiğinizi bana bildirin. Ayrıca, web sitesi geliştirmeyi ve uygulama kodlamayı öğrenen arkadaşlarınıza yardımcı olmak için makaleyi sosyal medyada ve WhatsApp'ta paylaşın.
Sıradaki, Mac ve iPad'de Swift Nasıl Öğrenilir?.