Baik Anda menggunakan Safari, Chrome, atau browser lainnya di Mac, kami akan mengajari Anda cara mengakses Inspect Element untuk membuat perubahan pada halaman web.
Pernah penasaran dengan kode sumber halaman web? Hampir setiap browser web, termasuk browser asli Mac Anda, memiliki fitur yang memungkinkan Anda melihatnya—disebut Inspect Element.
Anda tidak hanya dapat melihat kode halaman web HTML, CSS, dan JavaScript dengan Inspect Element, tetapi Anda juga dapat memodifikasinya. Hal ini memungkinkan pengembang untuk menguji halaman web dan aplikasi web dengan fitur tersebut, namun pengguna juga dapat menggunakannya untuk mengubah font di browser pribadi mereka.
Lihat langkah-langkah di bawah ini untuk mempelajari cara menggunakan Inspect Element di browser apa pun di Mac Anda dan mulai mengubah kode.
Cara Memeriksa Elemen di Safari dan Browser Lain di Mac
Penggunaan fitur Inspect Element sama di semua browser web yang tersedia untuk macOS. Anda dapat mengaktifkannya hanya dengan beberapa klik. Pengecualiannya adalah Safari, yang mengharuskan Inspect Element diaktifkan sebelum dapat digunakan. Kami telah menguraikan cara mengaktifkannya di bagian terpisah di bawah.
Namun untuk menggunakan Inspect Element di browser Mac favorit Anda secara umum (atau setelah diaktifkan):
- Buka browser yang Anda inginkan dan navigasikan ke halaman web yang ingin Anda periksa.
- Kontrol-klik (klik kanan) di mana saja pada halaman web, dan pilih Memeriksa atau Memeriksa elemen dari menu konteks. Anda juga dapat menggunakan pintasan keyboard Cmd + Shift + C.
- Alat Inspektur akan terbuka, dan kode sumber untuk halaman web akan muncul. Baca atau ubah kode sesuka Anda; misalnya, Anda bisa edit halaman web di Safari menggunakan Inspect Element untuk mengutak-atik teks dan gambar.
- Untuk menutup alat Inspektur, klik X tombol.
Cara Mengaktifkan Elemen Inspeksi di Safari
Untuk mengaktifkan fitur Inspect Element di Safari pada Mac Anda, Anda harus mengaktifkan menu Develop. Untuk melakukan ini:
- Buka Safari, buka Safari > Pengaturan dari bilah menu, atau tekan Cmd +, di papan ketik Anda.
- Pergilah ke Canggih tab.
- Periksalah Tampilkan menu Kembangkan di bilah menu kotak.
Menu Kembangkan sekarang akan muncul di menu atas saat Anda menggunakan Safari, dan Anda seharusnya dapat mengakses Inspect Element di Mac Anda dari menu konteks!
Kapan Menggunakan Elemen Inspeksi di Browser Anda
Pengembang dapat menggunakan Inspect Element untuk mencoba perubahan tata letak pada halaman web dan aplikasi web serta menguji fungsionalitas untuk pengguna di browser yang berbeda. Tapi itu bisa digunakan oleh pengguna normal juga.
Jika halaman web memiliki font yang sulit dibaca, atau warnanya tidak Anda sukai, Anda dapat menggunakan Inspect Element untuk mengubahnya sehingga halaman lebih mudah dibaca atau enak dilihat. Anda juga bisa ubah header halaman web melalui Inspect Element untuk mengerjai teman Anda.
Inspect Element hanya mengubah hal-hal di Mac Anda dan browser spesifik yang Anda gunakan. Jadi, gunakan kapan saja Anda ingin perubahan cepat pada situs web agar sesuai dengan preferensi Anda.
Elemen Inspeksi: Fitur untuk Meningkatkan Pengalaman Pengguna
Mengetahui cara menggunakan Inspect Element di Mac Anda dapat membuat penggunaan halaman web Anda lebih efisien dan menyenangkan. Ini dapat menawarkan perbaikan cepat untuk masalah pemformatan dan memungkinkan pengembang memperbaiki bug.
Kami berharap panduan kami membantu Anda memanfaatkan fitur ini, sehingga jika nanti Anda mengalami masalah dengan halaman web di Safari atau browser lainnya, Anda tahu bahwa Anda punya solusinya!