Cara Melihat Kode Sumber Halaman Web di iPhone dan iPad

Meskipun aplikasi iOS tidak cukup mesin pengembangan namun, Anda biasanya akan menemukan iPhone atau iPad di perangkat perancang/pengembang web. Meskipun jika Anda seorang pengembang/penerbit atau hanya seseorang yang ingin melihat kode sumber halaman atau melihat semua aset yang digunakan di dalamnya, Anda biasanya melakukannya dari komputer.

Sekarang iOS 8 telah membuatnya lebih mudah untuk melihat sumber, aset, dan sumber daya DOM halaman. Dan berkat aplikasi pihak ketiga yang luar biasa dengan dukungan ekstensi, Anda dapat melakukannya dengan benar di Safari (Chrome tidak didukung karena ekstensi dapat mengakses DOM hanya di Safari).

Mari kita bicara tentang dua aplikasi yang akan membantu Anda melihat dan menyimpan kode sumber untuk situs web mana pun saat Anda dalam perjalanan.

Lihat Ekstensi Sumber untuk Safari

Lihat sumber ($0,99) adalah aplikasi sederhana dan kuat dengan ekstensi Safari. Harganya $0,99, tetapi hadir dengan banyak fitur.

Setelah aplikasi diinstal, buka Safari, ketuk

Membagikan tombol, geser ke kanan di baris bawah dan ketuk Lagi. Dari sini beralih Lihat sumber. Ini akan mengaktifkan ekstensi.

Lebih lanjut tentang ekstensi iOS 8: Ekstensi iOS 8 dengan cepat menjadi alat yang kuat. Melihat bagaimana mereka bekerja?, NS ekstensi berbagi terbaik, dan bagaimana satu ekstensi dapat membantu Anda mengubah Safari menjadi pengunduh yang lengkap.

Sekarang, buka halaman, ketuk Membagikan tombol, dan pilih Lihat sumber. Anda akan melihat kode sumber halaman dengan segala kemegahannya. Ketuk Membagikan tombol untuk membuka lembar berbagi asli. Dari sini Anda dapat mengirim kode ke aplikasi catatan atau mengirimkannya melalui email.

Di bawah ini Anda akan melihat empat tombol – Aset, DOM, Skrip, dan Info.

Aset mencantumkan semua gambar di halaman. Anda dapat mengetuk tautan untuk melihat pratinjau dan menyimpan gambar.

NS DOM tombol akan menunjukkan kepada Anda model pohon dengan struktur hierarki dokumen HTML, XML, dan SVG. Anda dapat mengetuk elemen apa saja untuk memperluasnya.

NS Naskah tombol memungkinkan Anda menulis dan menyuntikkan Javascript di halaman mana pun (secara lokal). NS Info panel menunjukkan informasi tentang halaman.

srcfari

srcfari ($0,99) adalah alternatif untuk Lihat Sumber. Meskipun aplikasi akan menunjukkan kepada Anda kode sumber dan aset seperti gambar, lembar gaya CSS, dan skrip yang berjalan di halaman, Anda harus melakukannya dari aplikasi itu sendiri. Tidak ada ekstensi Safari untuk Srcfari.

Konon, menggunakan Srcfari bukanlah pengalaman buruk sama sekali. Aplikasi ini memiliki tipografi yang bagus dan melakukan pekerjaan yang jauh lebih baik dalam memecah aset berdasarkan skrip, CSS, dan gambar daripada aplikasi View Source. Satu keluhan yang saya miliki dengan Srcfari adalah bahwa itu mengaktifkan pembungkusan teks untuk stylesheet CSS tetapi tidak ketika Anda melihat seluruh sumber (yang dilakukan oleh aplikasi View Source). Ini berarti akan ada cukup banyak panning dan zoom yang terlibat, setidaknya di iPhone.

Selain itu Srcfari adalah urusan biasa. Anda dapat menyalin kode sumber ke clipboard Anda atau mengirimkannya melalui email ke seseorang. Anda juga dapat menyimpan gambar menggunakan aplikasi.

Kesimpulan

Safari mungkin sudah menjadi browser pilihan Anda di iOS (kebanyakan karena iOS tidak mengizinkan Anda memilih Chrome sebagai default). Jika Anda perlu melihat kode sumber cukup sering, aplikasi View Source $0,99 dengan ekstensi Safari-nya akan sepadan dengan harganya.

Apakah Anda biasanya menggunakan iPhone atau iPad untuk memecahkan masalah situs web? Atau untuk melihat apa yang salah dengan mereka? Beri tahu kami di komentar di bawah.