Apakah Anda seorang pengembang web atau seseorang yang ingin menggunakan Chromebook untuk memeriksa elemen di laman web? Hanya perlu beberapa klik.
Banyak hal yang dilakukan untuk membangun halaman web. Jika Anda penasaran tentang apa yang ada di balik elemen tertentu pada halaman, Anda mungkin ingin melihat kodenya. Seperti laptop Windows, Anda dapat memeriksa elemen melalui opsi alat pengembang di Chromebook yang bagus atau salah satunya banyak tablet ChromeOS. Dan ada dua cara untuk melakukannya.
Jika Anda menggunakan Chromebook yang dikelola oleh sekolah atau bisnis, fungsi inspeksi elemen mungkin diblokir, dan Anda tidak dapat mengikuti langkah-langkah dalam panduan ini. Tidak ada cara untuk membuka blokirnya tanpa bertanya terlebih dahulu kepada administrator. Elemen pemeriksaan mungkin diblokir demi keamanan Anda dan untuk mencegah rekayasa balik dan kecurangan pada ujian online.
Pengembang web dan pengguna ChromeOS tingkat lanjut mungkin ingin memeriksa elemen di Chromebook melalui menu alat pengembang. Menu sederhana di ChromeOS ini memungkinkan Anda menyelami lebih dalam apa yang ada di laman web. Itu tidak terlalu tersembunyi, tapi inilah cara Anda menemukannya.
- Klik pada tiga titik di sebelah ikon profil Anda di bilah menu Chrome.
- Memilih Lebih banyak alat pilihan.
- Memilih Alat pengembang.
- Konsol akan terbuka di sisi kanan halaman web, menunjukkan kode situs web yang Anda buka.
- Di kiri atas konsol ini, Anda akan melihat ikon persegi dengan mouse. Klik itu. Anda juga dapat menekan Ctrl + Shift + C untuk memicu fungsi tersebut.
- Anda sekarang dapat mengarahkan mouse ke mana pun Anda inginkan di halaman web, dan kode untuk elemen spesifik tersebut akan muncul.
- Klik pada area yang Anda tuju untuk melihat kode di konsol sebelah kanan.
Anda juga dapat menghindari menu ini sepenuhnya hanya dengan memicunya secara otomatis Ctrl + Shift + I di papan ketik Anda.
Periksa elemen di Chromebook dengan menggunakan mouse atau touchpad
Seperti browser web lainnya, Chrome memungkinkan Anda memeriksa elemen hanya dengan menggunakan mouse atau touchpad.
- Arahkan mouse Anda ke bagian halaman web yang ingin Anda periksa.
- Klik kanan di area itu.
- Memilih Memeriksa dari menu.
- Menu alat pengembang Chrome akan terbuka.
- Klik ikon persegi dengan mouse di bagian atas menu. Anda juga dapat menekan Ctrl + Shift + C untuk memicu fungsi tersebut.
- Arahkan kursor ke area yang ingin Anda periksa, dan Anda akan melihat kodenya muncul.
- Klik pada elemen yang akan dibawa ke baris kode tersebut di konsol.
Tidak perlu banyak waktu untuk memeriksa elemen pada laman web di Chromebook. Ada dua metode mudah, selama administrator Anda telah mengaktifkannya. Jika Anda ingin mempelajari lebih lanjut tentang ChromeOS, lihat panduan kami tentang caranya ubah wallpaper Anda setiap hari dan bagaimana Anda bisa jarak jauh ke Chromebook.