Ketika Anda mengklik kanan pada halaman web apa pun di Safari di Mac, itu tidak mengungkapkan sumber halaman show dan memeriksa tombol elemen. Untuk melihat ini, Anda perlu mengaktifkan menu pengembangan - kami akan menunjukkan kepada Anda bagaimana melakukan itu.
Setelah Anda mengaktifkan menu pengembangan, mengklik kanan ruang kosong di situs web mana pun akan mengungkapkan elemen inspeksi dan menampilkan tombol sumber halaman. Ini memungkinkan Anda untuk melihat kode sumber situs web mana pun, yang berguna untuk hal-hal seperti mengunduh gambar dari situs web dan kode debugging atau mencari tahu seperti apa pun di belakang situs mana pun (untuk desainer situs web).
Cara Mengaktifkan Menu Kembangkan di Safari di Mac
Anda dapat dengan mudah menghidupkan menu pengembangan di Safari dengan mengikuti beberapa langkah. Buka Safari di Mac Anda dan klik tombol "Safari" di bilah menu.
Selanjutnya, pilih "Preferensi." Atau, Anda dapat menggunakan perintah pintasan keyboard +, (koma). Ini juga akan membuka preferensi Safari.
Buka tab "Lanjutan".
Centang kotak untuk "Tampilkan Menu Kembangkan di Bilah Menu."
Sekarang menu pengembangan akan muncul di antara bookmark dan jendela di bagian atas.
Selain dapat melihat sumber halaman, ini akan memungkinkan Anda untuk mengakses fitur yang berfokus pada pengembang, seperti menonaktifkan JavaScript di situs web mana pun.
Cara Melihat Sumber Halaman di Safari di Mac
Setelah Anda mengaktifkan menu pengembangan, ada beberapa cara untuk melihat sumber halaman di Safari.
Buka situs web apa pun di Safari dan klik kanan ruang kosong pada halaman. Sekarang, pilih "Tampilkan sumber halaman." Anda juga dapat sampai ke menu ini dengan menggunakan opsi pintasan keyboard + perintah + u.
Jika Anda mencari gambar atau elemen media lain dari halaman web apa pun, Safari membuatnya mudah untuk menemukan ini. Di panel kiri, Anda akan melihat berbagai folder seperti gambar, font, dll. Klik folder "Gambar" untuk dengan cepat menemukan foto yang Anda butuhkan.
Setelah memilih gambar, Anda dapat melihat detailnya dengan mudah dengan membuka detail sidebar. Tombol untuk membuka ini terletak di kanan atas konsol, tepat di bawah ikon roda gigi. Anda juga dapat membuka ini dengan opsi pintasan + perintah + 0.
Klik "Sumberdaya" di bagian atas detail sidebar untuk melihat detail, seperti ukuran gambar dan URL penuhnya.
Anda dapat mengubah posisi konsol sumber halaman dengan mudah. Ada dua tombol di bagian atas konsol ini, tepat di sebelah tombol X. Klik ikon Rectangle untuk memindahkan konsol ke sisi yang berbeda di dalam jendela browser.
Jika Anda ingin membuka konsol sumber halaman di jendela terpisah, Anda dapat mengklik ikon dua-Rectangles. Ini akan melepaskan konsol dan membukanya di jendela terpisah.
Untuk memeriksa kode untuk elemen tertentu pada halaman, Anda dapat mengklik kanan elemen itu dan memilih "Inspect Element." Ini akan membawa Anda langsung ke kode untuk elemen yang Anda pilih.
Setiap kali Anda selesai melihat kode, klik tombol X untuk menutup konsol sumber halaman dan kembali ke browsing pada Safari. Anda juga dapat memeriksa cara melihat sumber halaman situs web Di Google Chrome. di sini.
TERKAIT: Cara Melihat Sumber HTML di Google Chrome