Cara Melihat Kode Sumber Halaman Web di iPhone dan iPad:
Meskipun aplikasi iOS belum cukup menjadi mesin pengembangan, biasanya Anda 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 diterapkan di dalamnya, Anda biasanya melakukannya dari komputer.
Sekarang iOS 8 telah mempermudah untuk melihat sumber, aset, dan sumber daya DOM dari sebuah halaman. Dan berkat aplikasi pihak ketiga yang luar biasa dengan dukungan ekstensi, Anda dapat melakukannya dengan benar di Safari (Chrome tidak didukung karena ekstensi hanya dapat mengakses DOM di Safari).
Mari kita bicara tentang dua aplikasi yang akan membantu Anda melihat dan menyimpan kode sumber untuk situs web apa pun saat Anda sedang dalam perjalanan.
Lihat Ekstensi Sumber untuk Safari
Lihat Sumber ($0,99) merupakan aplikasi sederhana dan kuat dengan ekstensi Safari. Harganya $0,99, tetapi hadir dengan banyak fitur.Setelah aplikasi terinstal, buka Safari, ketuk tombol Bagikan , geser ke kanan di baris bawah dan ketuk Lainnya .
Dari sini alihkan View Source . Ini akan mengaktifkan ekstensi.
Lebih lanjut tentang ekstensi iOS 8: Ekstensi iOS 8 dengan cepat menjadi alat yang ampuh. Lihatlah cara kerjanya, ekstensi berbagi terbaik, dan bagaimana satu ekstensi dapat membantu Anda mengubah Safari menjadi pengdowload yang lengkap.
Sekarang, buka halaman, ketuk tombol Bagikan , dan pilih Lihat Sumber . Anda akan melihat kode sumber halaman dengan segala kemegahannya.
Ketuk tombol Bagikan untuk memunculkan 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, Script, dan Info.
Aset mencantumkan semua gambar di halaman. Anda dapat mengetuk tautan untuk melihat pratinjau dan menyimpan gambar.
Tombol DOM akan menampilkan model pohon dengan struktur hierarki dokumen HTML, XML, dan SVG. Anda dapat mengetuk elemen apa saja untuk mengembangkannya.Tombol Script memungkinkan Anda menulis dan menyuntikkan Javascript di halaman mana pun (secara lokal).
Panel Info menunjukkan informasi tentang halaman.
Srcfari
Srcfari ($0,99) adalah alternatif untuk Lihat Sumber. Meskipun aplikasi akan menampilkan 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.
Meskipun demikian, menggunakan Srcfari bukanlah pengalaman yang 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 mengaktifkan pembungkusan teks untuk lembar gaya CSS tetapi tidak saat Anda melihat seluruh sumber (yang dilakukan oleh aplikasi View Source). Ini berarti akan ada cukup banyak panning dan zooming 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 sering melihat kode sumber, aplikasi Lihat Sumber $0,99 dengan ekstensi Safari 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.