Apakah Anda penasaran web dan ingin mengintip kode sumber situs web mana pun di internet? Jika demikian, Anda tidak sendirian. Salah satu pertanyaan pembaca yang paling sering kita lihat adalah bagaimana melihat kode sumber HTML dari halaman web APAPUN pada iPhone (atau iDevice – iPad atau iPod Touch lainnya). Untungnya, kami memiliki solusi berkat Pengembang Rob Flaherty! Artikel ini menguraikan langkah-langkah yang diperlukan untuk melihat kode sumber (HTML, CSS, JavaScript, dll.) Untuk setiap halaman web di iDevices Anda termasuk iPad, iPhone atau iPod touch. Dan yang terbaik, tidak perlu aplikasi!
Cara Melihat kode sumber HTML di iDevices
8 Langkah Mudah untuk melihat kode sumber HTML
- Ketuk Safari (iPhone, iPod, atau iPad), jika belum terbuka, dan kunjungi halaman ini. Metode ini juga berfungsi untuk Chrome
- Pilih Tombol Bagikan (juga dikenal sebagai tombol Tindakan):
- Ketuk Bookmark :
- Pilih Bidang Nama dan tekan ikon X untuk menghapusnya dan beri nama "Tampilkan Sumber Halaman" dan kemudian ketuk "Simpan."
- Sekarang kunjungi halaman ini dan pilih semua dan salin kode javascript: ( kode kredit: Rob Flaherty )
- Konfirmasikan bahwa kode yang Anda salin dari situs Rob terlihat sama dengan ini (tetapi salin dari halaman ini BUKAN dari bawah):
- javascript: (function () {var a = window.open ('about: blank'). document; a.write ('Sumber' + location.href + ''); a.close (); var b = a. body.appendChild (a.createElement ('pre')); b.style.overflow = 'auto'; b.style.whiteSpace = 'pra-bungkus'; b.appendChild (a.createTextNode (document.documentElement.innerHTML) )}) ();
- Ketuk ikon Bookmark dan ketuk Edit :
- Pilih bookmark "Tampilkan Sumber Halaman" yang baru saja Anda buat pada langkah # 4:
- Ketuk Bidang Alamat dan tekan ikon X untuk menghapusnya, lalu rekatkan kode javascript yang Anda salin pada langkah # 5; lalu ketuk Selesai
Itu dia! Sekarang Anda dapat menggunakan pergi ke halaman web apa pun menggunakan Safari seluler (dan Chrome) di iDevice Anda (iPhone, iPod, atau iPad), ketuk ikon Bookmark lalu ketuk tunjukkan bookmark Sumber Halaman Sumber, dan jendela baru terbuka menampilkan kode sumber dari halaman web. Luar biasa dan Mudah!
Akhiri Hasil untuk Melihat kode sumber HTML
Dan, Tentu Saja, Ada Aplikasi Untuk Itu!
Jika Anda tidak menyukai gagasan untuk melakukan banyak langkah manual, App Store menawarkan beberapa aplikasi yang berfungsi untuk Anda! Cari aplikasi pihak ketiga seperti Sumber Tampilan, Sumber untuk Halaman Web, Sumber Browser, dan aplikasi serupa yang memungkinkan Anda untuk melihat kode sumber HTML. Dengan aplikasi ini, Anda mendapatkan akses ke semua kode sumber HTML situs CSS, CSS Anda, dan pada beberapa aplikasi, Javascript apa pun. Beberapa aplikasi ini bahkan menawarkan ekstensi Safari untuk perangkat iOS dan menyertakan fitur penyorotan sintaksis dan pencarian!
Dengan aplikasi ini, melihat kode sumber adalah proses satu langkah yang mulus. Cukup masukkan URL dan segera lihat kode sumber di belakangnya. Atau gunakan ekstensi Safari aplikasi dan jelajahi web seperti biasanya. Kemudian, ketika Anda ingin melihat sumber untuk halaman Anda saat ini, yang perlu Anda lakukan adalah mengetuk ikon Action dan memilih View Source. Sangat mudah untuk menyalin teks ke papan tulis Anda untuk digunakan di aplikasi lain atau bahkan mengirimnya sebagai email.
