Misalkan Anda mengunjungi situs web tempat Anda bekerja dan melihat beberapa gangguan. Anda perlu melihat sumber halaman di iPhone atau iPad untuk menemukan kode buggy dan memperbaikinya. Anda membuka Safari dan menjadi gila untuk menemukan tombol tampilan kode sumber HTML di Safari tanpa hasil. Apa yang kamu lakukan sekarang? Gampang kok, baca aja artikel ini!
Setiap pengembang situs web, pemrogram, perancang perangkat lunak, pengembang aplikasi App Store, pembuat konten, dan webmaster tahu betapa pentingnya kode sumber. Dalam pekerjaan ini, Anda selalu perlu melihat kode sumber halaman web untuk memperbaiki masalah, men-debug, mendesain, dan menambahkan nilai ke situs web.
Meskipun tugas ini cukup mudah di perangkat Android dan Windows, tugas ini sama sulitnya di perangkat Apple seperti iPhone, iPad, MacBook, dan iMac. Padahal, di macOS, fitur ini tersedia tetapi tersembunyi dan Anda dapat menemukannya dengan mengikuti ini “Lihat Kode Sumber HTML di Safari" artikel. Namun, untuk perangkat iOS, ceritanya berbeda.
Apple membuatnya sangat sulit untuk melihat sumber halaman di iPad/iPhone. Tidak ada metode asli, atau harus saya katakan, metode mudah yang dapat Anda ketuk atau sentuh untuk mendapatkan kode sumber HTML halaman web. Tapi jangan terlalu gila dulu. Alih-alih, baca artikel ini hingga akhir untuk menemukan cara terbaik mempelajari cara melihat sumber halaman di Safari di iPhone atau iPad.
Alasan Anda Harus Melihat Sumber Halaman di iPhone/iPad
Temukan di bawah ini beberapa situasi dan alasan untuk melihat sumber halaman di Safari di iPad/iPhone:
- Anda harus melihat sumber halaman dari halaman web untuk perangkat tertentu seperti iPhone atau iPad. Jika Anda mengakses situs web di Mac dan melihat kode sumber HTML, Anda akan melihat elemen untuk versi desktop, bukan versi iPhone atau iPad.
- Anda sedang bepergian dan ingin menginvestasikan waktu Anda untuk melihat kode halaman web untuk mendapatkan ide baru atau membuat rencana debugging.
- Anda lebih suka melakukan pengembangan situs web di iPad karena dilengkapi dengan banyak fitur multitasking seperti Manajer Panggung, Tampilan Terpisah, dll.
Jadi, ikuti metode di bawah ini untuk tetap siap jika kebutuhan untuk melihat sumber halaman di iPhone atau iPad muncul kapan saja.
Metode Terbaik untuk Melihat Sumber Halaman di iPhone/iPad
Di bawah ini adalah cara populer untuk melihat sumber halaman dalam kode HTML di iPhone atau iPad tanpa memanfaatkan aplikasi pihak ketiga mana pun. Metode ini sesuai untuk pembuat kode dan pengguna akhir yang peduli dengan privasi dan keamanan:
1. Dapatkan Kode Sumber HTML Menggunakan Aplikasi Pintasan
Metode ini hanya akan berfungsi jika Anda menjalankan iOS 12.0 (iPadOS 12.0) dan yang lebih baru. Berikut cara membuat pintasan sumber halaman tampilan di iPhone atau iPad:
- Buka Pintasan aplikasi dari Layar Utama atau Laci Aplikasi.
- Ketuk ditambah (+) ikon untuk membuat pintasan kosong baru.
- Di kotak pencarian, ketik HTML dan memilih Membuat HTML dari Rich Text.
- Sekali lagi, cari Lihat Cepat app di kotak telusur dan menambahkannya ke editor pintasan.
- Sekarang, ketuk ikon pintasan di atas dan pilih Ganti nama.
- Ubah namanya menjadi Lihat Kode Sumber dan ketuk Selesai.
- Ketuk (Saya) tombol dan aktifkan Tunjukkan di Lembar Bagikan pilihan.
- Sekarang, buka browser Safari dan kunjungi halaman web pilihan Anda.
- Menyentuh Membagikan tombol pada aplikasi Safari dan gulir ke bawah untuk menemukan Lihat Kode Sumber jalan pintas.
- Ketuk pintasan dan Anda mendapatkan kode sumber HTML di Quick Look.
2. Lihat Sumber Halaman Menggunakan Skrip Bookmark
Dalam metode ini, Anda akan membuat bookmark dan URL akan menjadi skrip sumber tampilan. Saat Anda menelusuri halaman web mana pun dan perlu melihat sumber halaman di Safari, cukup ketuk bookmark. Anda akan mendapatkan kode sumber HTML untuk halaman tersebut. Begini cara melakukannya:
- Kunjungi situs web acak dan tandai di browser Safari Anda untuk iPad atau iPhone.
- Ketuk menu Safari di sudut kiri atas dan pergi ke Bookmark.
- Menyentuh Favorit untuk menemukan bookmark yang baru saja Anda tambahkan.
- Ketuk lama bookmark lalu pilih Sunting pada menu konteks.
- Hapus judul bookmark yang ada dan ganti namanya menjadi kode sumber HTML atau apa pun hanya untuk mengingat bookmark.
- Ketuk Alamat bidang dan hapus URL yang ada.
- Salin dan tempel kode berikut sebagai URL (Pembuat kode: 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))})();- Mengetuk Selesai pada keyboard untuk menyimpan perubahan yang Anda buat sejauh ini.
- Sekarang, buka halaman web yang perlu Anda periksa kode sumbernya.
- Pergi ke Bookmark menu dan sentuh kode sumber HTML bookmark yang baru saja Anda buat.
- Anda akan melihat kode HTML halaman yang Anda kunjungi di tab Safari baru.
Baca juga:Cara Mengelola Bookmark di Safari di iOS dan Mac
3. Lihat Sumber Halaman Menggunakan macOS Tethering
Aplikasi Safari di iPhone dan iPad dilengkapi dengan alat Inspektur Web bawaan. Sayangnya, fitur tersebut tidak berfungsi langsung di perangkat iPhone atau iPad. Anda perlu menambatkan perangkat ke MacBook atau iMac. Kemudian, Anda dapat menggunakan kontrol di Mac Safari untuk memvisualisasikan kode sumber HTML. Proses ini bekerja dalam dua fase seperti yang diuraikan di bawah ini:
Aktifkan Inspektur Web
Ikuti langkah-langkah ini untuk mengaktifkan Inspektur Web fungsionalitas di Safari untuk iPad dan iPhone:
- Di iPhone atau iPad, buka Pengaturan aplikasi.
- Pergi ke Pengaturan Safari.
- Gulir ke bawah ke bagian bawah jendela Pengaturan Safari untuk menemukan Canggih menu. Ketuk di atasnya.
- Aktifkan Inspektur Web dengan mengetuk tombol sakelar.
Lihat Sumber Halaman di Mac Safari
Buka Mac Anda dan ikuti langkah-langkah berikut:
- Colokkan iPhone atau iPad dengan MacBook atau iMac menggunakan kabel USB.
- Jika perangkat belum diautentikasi sebelumnya, Mac akan meminta Anda untuk mengautentikasinya menggunakan ID Apple.
- Sekarang buka aplikasi Safari di Mac dan kunjungi situs web apa pun.
- Di bilah alat Mac, klik Mengembangkan.
- Cari iPad atau iPhone Anda di menu konteks yang terbuka.
- Klik iPad atau iPhone Anda untuk membuka jendela baru di Mac Anda yang menampilkan layar Safari perangkat ini.
- Sekarang, buka situs web target di iPhone atau iPad Anda dan lihat kode sumber di browser Mac Safari.
Jika Anda setuju dengan aplikasi dan alat pihak ketiga, Anda mungkin juga ingin melihat metode tambahan ini untuk melihat kode sumber HTML halaman web:
4. Ekstensi Safari – Inspektur Web
Anda dapat menginstal ekstensi Web Inspector untuk browser Apple Safari di iPad dan iPhone. Kemudian, panggil ekstensi saat menjelajahi halaman web untuk melihat kode sumber HTML-nya. Berikut langkah-langkah yang harus Anda coba:
- Buka Pengaturan aplikasi dan pergi ke Pengaturan Safari bagian.
- Gulir ke bawah hingga Anda menemukan Ekstensi pilihan. Ketuk di atasnya.
- Di dalam Ekstensi, ketuk Lebih Banyak Ekstensi.
- Halaman App Store untuk Ekstensi Safari akan muncul.
- Menyentuh Mencari kotak dan jenis Inspektur Web dan ketuk Cari di keyboard.
- Temukan dan instal aplikasi Web Inspector.
- Sekali lagi pergi ke Pengaturan > Safari > Ekstensi > dan ketuk Inspektur Web.
- Gunakan tombol sakelar untuk mengaktifkan ekstensi ini untuk Safari.
- Buka Safari dan kunjungi situs web apa pun.
- Ketuk Ekstensi ikon di sudut kanan bilah alamat.
- Pilih Inspektur Web perpanjangan.
- Memilih Izinkan untuk Satu Hari pilihan pada pop-up yang muncul.
- Sekali lagi, ketuk Ekstensi lalu sentuh Inspektur Web.
- Kode sumber HTML akan muncul dari bagian bawah halaman web yang Anda lihat.
- Anda dapat beralih di antara tab seperti DOM, Elemen, Konsol, Jaringan, dan Sumber Daya.
- Untuk kembali ke tampilan normal, cukup ketuk ekstensi Web Inspector di bagian Ekstensi Safari.
5. Aplikasi iOS – Lihat Sumber
Anda bisa mendapatkannya secara gratis di App Store. Di kotak telusur, ketik View Source dan sentuh Search. Anda akan melihat banyak hasil di App Store. Instal yang bertuliskan View Source. Penyedia aplikasi adalah Roman Tomjak.
Buka aplikasi dari Layar Beranda atau Laci Aplikasi. Kemudian, ketikkan URL situs web di bilah alamatnya untuk membuka kode sumber HTML.
Alat ini memberikan tampilan kode sumber seukuran iPhone. Namun, Anda dapat mengubah orientasi atau memperbesar menggunakan tombol yang relevan di pojok kanan bawah layar.
6. Lihat Kode Sumber Gratis Menggunakan Google Web Cache
Anda dapat melakukan trik rapi dan keren berikut di situs web yang dikunjungi untuk melihat kode sumber yang mendasarinya di Safari atau Chrome:
- Kunjungi halaman web yang Anda butuhkan untuk menemukan kode sumber HTML.
- Ketuk alamat di bilah alamat Safari atau Chrome.
- Ambil kursor pengetikan di awal alamat seperti yang ditunjukkan pada gambar di atas.
- Sekarang, ketikkan kode berikut sebelumnya https://
cache:
- Tekan Pergi tombol pada keyboard iOS.
- Di bagian atas halaman, Anda harus melihat Lihat sumber pilihan. Ketuk di atasnya.
- Sekarang Anda mendapatkan kode sumber dari halaman web yang baru saja Anda kunjungi.
Baca juga:Cara Mengimpor Bookmark, Kata Sandi, dan Lainnya
7. Lihat Kode Sumber di Aplikasi Web
Ada banyak situs web yang memungkinkan Anda mengungkapkan kode sumber yang mendasari situs web dan halaman web secara gratis atau dengan sedikit biaya. Dari semua aplikasi web tersebut, saya memilih Penampil Kode Sumber CodeBeautify. Begini cara kerjanya:
- Di iPhone atau iPad, buka tautan ini: Penampil Kode Sumber menggunakan browser Safari.
- Dalam Masukkan URL kotak, ketik atau salin dan tempel URL halaman web yang ingin Anda tampilkan kode sumber HTML-nya.
- Ketuk Melihat tombol untuk melihat sumber halaman di browser Safari iPhone/iPad.
Kesimpulan
Nah, sekarang Anda sudah tahu semua trik untuk melihat sumber halaman di perangkat iPhone dan iPad. Anda menemukan beberapa metode asli dan non-asli dalam artikel ini. Anda cukup menggunakan trik asli di iPad atau iPhone untuk melihat kode sumber HTML halaman web atau menggunakan aplikasi yang membuat tugas menjadi lebih mudah.
Beri tahu saya metode mana yang Anda suka dengan meninggalkan komentar di bawah. Juga, bagikan artikel di media sosial dan WhatsApp untuk membantu teman Anda yang sedang mempelajari pengembangan situs web dan pengkodean aplikasi.
Selanjutnya, Cara Mempelajari Swift Di Mac Dan iPad.