Pernah ingin melihat sumber halaman web dari iPad atau iPhone? Sayangnya, Safari seluler tidak menyertakan fitur itu sendiri dan belum memiliki perangkat inspektur web seluler bawaan, tetapi dengan bantuan bookmarklet khusus Anda dapat melihat sumber halaman web apa pun langsung di iOS dan iPadOS.

Artikel ini akan menunjukkan cara menyiapkan agar Anda dapat melihat sumber di Safari untuk iPad dan iPhone dengan menggunakan trik bookmarklet dan javascript.

Cara Melihat Sumber di Safari untuk iPad & iPhone

1. Buka Safari jika Anda belum melakukannya
2. Bookmark halaman web ini (atau lainnya) dengan Safari di iPad, iPhone, atau iPod touch dan beri nama bookmark sebagai “Lihat Sumber”
3. Klik di sini untuk melihat javascript bookmarklet lalu pilih Pilih Semua -> Salin
4. Ketuk ikon Bookmark di layar browser baru Safari dan ketuk "Edit", lalu ketuk bookmark yang Anda simpan di langkah 2
5. Tempel kode javascript yang Anda salin di langkah 3 ke bilah URL, lalu simpan perubahan ke bookmark dengan mengetuk “Selesai”
6. Sekarang saat Anda ingin melihat sumber halaman web di iPad atau iPhone, buka menu Bookmark dan pilih "Lihat Sumber"
7. Kode sumber akan muncul dalam sintaks yang disorot dengan URL sumber yang dapat diklik

Satu hal penting yang perlu diperhatikan adalah bahwa javascript yang digunakan di sini mengirimkan halaman yang Anda lihat sumbernya ke server michelsen.dk untuk diproses. Jika Anda tidak nyaman dengan itu ada solusi lain di luar sana, tetapi mereka tidak akan menyoroti sintaks dan hampir tidak elegan secara keseluruhan.

Misalnya, Anda dapat menggunakan Javascript di bawah ini sebagai bookmarklet untuk melihat sumber juga yang tidak akan diproses melalui server jarak jauh, tetapi tidak menggunakan penyorotan sintaks:

javascript:(function(){var a=window.open('about:blank').document;a.write('Sumber dari '+location. href+'');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))})();

Tip serupa menggunakan bookmark yang diedit untuk memungkinkan Anda menjalankan Firebug dengan Mobile Safari di iPhone atau iPad juga, yang mungkin sedikit lebih berguna untuk beberapa pengembang web.

Tip keren ini berasal dari Michelsen.dk. Ditemukan melalui Twitter, Anda juga dapat mengikuti kami di sana

Siapa tahu, mungkin suatu hari Safari di iOS dan iPadOS akan mendapatkan kemampuan asli untuk melihat sumber? Sampai saat itu, Anda harus bergantung pada aplikasi atau alat pesta seperti ini.

Ini bekerja dengan baik dalam pengujian tetapi beberapa pengguna melaporkan hasil yang berbeda pada berbagai versi Safari dan iOS yang lebih baru. Beri tahu kami di komentar di bawah apa yang cocok untuk Anda dan versi iOS dan iPad atau iPhone apa yang Anda gunakan.