Cara inspect element di HP dapat dengan mudah Anda lakukan untuk mengetahui informasi tentang sebuah website. Informasi tersebut sangat berguna apalagi bagi Anda yang berkecimpung dalam dunia IT.
Baca juga : Rekomendasi Aplikasi Alternatif Canva
Selama ini, Anda mungkin belum mengetahui cara inspect element di HP Android, karena fitur inspect biasanya hanya tersedia di PC atau laptop. Untuk itu, penting sekali untuk menyimak pembahasan berikut ini!
Cara Inspect Element di HP Android
Inspect element di HP bertujuan untuk mendapatkan informasi dari sebuah website, misalnya kode javascript, font, sumber gambar, hingga kode css. Hal tersebut sangat membantu Anda membuat coding untuk mengembangkan website sendiri.
Walaupun tidak sesempurna melalui PC, namun cara inspect element di HP Android ini patut Anda coba. Berikut ini beberapa langkahnya:
1. Cara Inspect Element Menggunakan Google Chrome/Trik View-Source
Langkah pertama mengenai cara inspect element di HP Android dapat Anda lakukan melalui browser yaitu Google Chrome secara langsung. Caranya sangat mudah seperti berikut ini:
- Buka browser Google Chrome yang terpasang pada HP Anda.
- Buka website yang ingin Anda inspect elementnya sebagai referensi.
- Jika website yang Anda tuju telah terbuka, selanjutnya lihat link url website di atas tampilan, lalu tambahkan kode view-source di awal link url tersebut.
- Setelah memasukkan kode, selanjutnya klik Enter untuk membuka inspect element.
- Tunggu beberapa saat hingga layar Anda muncul tampilan source code atau inspect element dari website tersebut.
- Pilih dan catat source code yang Anda butuhkan.
- Terapkan pada website milik Anda.
- Selamat, proses inspect element telah selesai.
2. Cara Inspect Element Menggunakan Aplikasi
Selain menggunakan browser, cara inspect element di HP Android juga dapat Anda lakukan lewat aplikasi. Aplikasi tersebut bernama Inspect and Edit HTML Live yang bisa Anda unduh melalui Google Playstore.
Berikut langkah-langkah inspect element di HP melalui aplikasi:
- Buka Google Playstore, kemudian cari dan install aplikasi Inspect and Edit HTML.
- Setelah aplikasi berhasil terinstall, buka aplikasi tersebut di HP Anda untuk masuk ke halaman Google secara otomatis.
- Pada kolom pencarian, tulis situs web atau url website yang ingin Anda inspect element.
- Setelah website yang Anda inginkan terbuka, klik ikon edit di pojok kanan atas layar.
- Akan muncul tampilan source code dari website tersebut. Tampilan ini lebih rapi daripada melalui browser.
- Salin source code yang Anda butuhkan.
- Selesai! Anda bisa langsung menerapkan source code tersebut pada website sendiri.
Manfaat Inspect Element di HP
Setelah menerapkan cara inspect element di HP Android seperti di atas, Anda dapat memperoleh beberapa manfaat, khususnya dalam mengembangkan website sendiri. Berikut manfaat dari inspect element di HP :
1. Sebagai Tempat Eksperimen CSS
Inspect element dapat menjadi sarana Anda untuk melakukan eksperimen CSS. Dengan menuliskan kode CSS pada inspect element, maka browser dapat langsung mengeksekusinya.
Baca juga : Kelebihan dan Kekurangan Framework Codeigniter
Selain itu, terdapat fitur yang dapat memudahkan Anda untuk menuliskan kode CSS di antaranya autocomplete, colorpicker, filter, visual model box, dan masih banyak lagi.
2. Dapat Mengukur Kecepatan Web
Dalam inspect element terdapat fitur bernama Network atau Timeline. Fitur ini dapat membantu Anda untuk mengetahui seberapa cepat waktu browser dalam mengunduh website yang Anda tuju serta ukuran kapasitas webnya.
3. Solusi Debugging Javascript
Saat mengerjakan sebuah project website, mungkin Anda akan kebingungan jika tiba-tiba website tersebut error dan hanya menampilkan halaman kosong.
Salah satu manfaat dari inspect element adalah Anda dapat melihat penyebab website error tersebut. Caranya dengan melihat pesan error pada javascript yang terdapat dalam menu Console.
4. Media untuk Mengukur Performa Memori dan CPU
Saat Anda membuka banyak tab di browser, semakin banyak pula memori yang terkuras. Selain itu, script pada web yang Anda buka juga dapat membuat CPU bekerja dengan keras.
Jika ingin mengetahui seberapa besar performa memori dan CPU saat membuka website, Anda dapat menggunakan inspect element. Caranya, Anda cukup masuk pada menu Timeline jika menggunakan Google Chrome.
Namun, jika menggunakan Firefox Anda harus masuk ke menu Performance.
5. Menguji Web Responsif
Manfaat terakhir yang dapat Anda peroleh dengan menerapkan inspect menggunakan HP adalah menguji web responsif.
Untuk melakukan pengujian web responsif, Anda cukup menggunakan inspect element dan tidak memerlukan banyak perangkat lain.
Baca juga : Rekomendasi Software Text Editor Terbaik
Dengan memanfaatkan inspect element, Anda sudah dapat menggunakan berbagai jenis perangkat mobile.
Pada dasarnya, inspect element merupakan cara untuk melihat kode unik yang ada pada website. Kode unik tersebut nantinya dapat menjadi referensi bagi website yang akan Anda buat.
Penutup
Cara inspect element di HP Android ternyata cukup mudah bukan? Semoga informasi di atas dapat membantu Anda, khususnya yang sedang berkecimpung di dunia IT untuk mengembangkan website sendiri.
