Cara Memeriksa Elemen pada Chrome, Firefox, Safari dan Edge

Anda boleh memeriksa pelbagai elemen kod tapak web dengan menggunakan arahan Inspect pada kebanyakan pelayar web. Pada Chrome, anda mendapatkannya sebagai item menu konteks klik kanan . Pelayar web yang berbeza mungkin menamakan pilihan secara berbeza tetapi matlamatnya adalah sama.

Memahami pembinaan tapak web pesaing membantu pemasar digital dan pembangun menghasilkan tapak web yang sangat kompetitif daripada jenama mereka sendiri. Tetapi, sebagai pembangun atau pereka bentuk, anda perlu tahu cara memeriksa elemen pada pelayar web yang popular. 

Baca tutorial ini sehingga tamat untuk mendapatkan pemahaman yang lengkap tentang ciri elemen periksa kebanyakan tapak web trend yang digunakan pengguna internet.

Apakah Elemen Periksa untuk Mana-mana Pelayar Web?

Penyemak imbas web moden dilengkapi dengan banyak alat pembangun untuk membantu pengguna memeriksa kod sumber tapak web, aktiviti berniat jahat, dsb. Salah satu alat tersebut ialah elemen periksa. Ia mendedahkan kandungan yang diserlahkan dalam format HTML atau kod. 

Anda boleh membaca kod untuk memahami apa yang sebenarnya dilakukan oleh kod di latar belakang. Pakar kebanyakannya menggunakan alat ini untuk mengedit kod sumber mana-mana tapak web. Kod sumber mungkin termasuk Cascading Style Sheets (CSS), Hypertext Markup Language (HTML), fail media, JavaScript , dsb.

Apabila anda mengubah suai sebahagian daripada kod sumber melalui elemen periksa, anda boleh melihat kesannya terus pada halaman web. Walau bagaimanapun, perubahan sedemikian tidak memberi kesan yang berkekalan pada pelayan tapak web. Tapak web itu sendiri kembali kepada kod sumber asal apabila anda memuat semula halaman web.   

Siapa Yang Patut Tahu Cara Memeriksa Elemen dan Mengapa?

Anda mesti tahu cara untuk memeriksa elemen pada halaman web jika anda daripada mana-mana profesion berikut: 

1. Pencipta dan Penulis Kandungan

Anda boleh mengambil tangkapan skrin tapak web berkualiti tinggi dengan menghapuskan elemen yang tidak perlu melalui alat periksa elemen. Ia membolehkan anda melihat aset visual yang berlebihan dengan menentukan kodnya pada kod sumber tapak web.  

2. Pembangun Laman Web

Anda boleh menguji pelbagai komponen web dalam talian dengan menggunakan ciri elemen periksa apabila anda berada di peringkat pembangunan. Selain itu, selepas pembangunan, anda boleh melakukan penyahpepijatan menggunakan elemen periksa. 

3. Wakil Sokongan Pelanggan

Ejen pengalaman pelanggan boleh membantu pembangun dan pemasar dalam talian dengan memanipulasi komponen web menggunakan pilihan ini. 

4. Laman Web dan Pereka Grafik

Pereka grafik dan laman web juga mendapat manfaat daripada alat elemen pemeriksaan dengan menggambarkan penambahan baharu sebelum pelaksanaan. 

5. Pemasar Digital

Pengoptimuman enjin carian dan eksekutif pemasaran menggunakan alat ini untuk menemui tindakan pesaing untuk mengoptimumkan tapak web. Sebagai contoh, anda boleh mengetahui kata kunci yang disasarkan, metadata tapak web, tajuk SEO, pengepala kandungan, status indeks Carian Google dan sebagainya. 

Jika anda tahu cara memeriksa elemen pada pelayar web, anda boleh menggunakan semua kelebihan yang dinyatakan setakat ini. Mari ketahui pilihan elemen periksa pada beberapa pelayar web popular di bawah: 

Cara Memeriksa Elemen pada Chrome

• Lawati tapak web yang anda perlukan untuk menggunakan alat elemen periksa.
• Pilih mana-mana elemen seperti teks, imej, hiperpautan, dsb.

• Sekarang, klik kanan dan kemudian pilih Inspect dari menu konteks.

• Anak tetingkap navigasi Elemen akan dibuka di sebelah kanan menunjukkan banyak kod.

• Kod dengan serlahan biru ialah elemen yang telah anda pilih di tapak web.

• Cuma klik butang Tutup (palang) di penjuru kanan sebelah atas bar sisi Elemen untuk menutup panel.  

Cara Memeriksa Elemen pada Safari

1. Buka apl Safari pada peranti macOS anda dan kemudian klik pada Keutamaan .
2. Pilih menu Tunjukkan Membangunkan dalam bar menu dalam bahagian Lanjutan Keutamaan .
3. Kini, pilihan Bangun akan dipaparkan.
4. Kemudian, lawati mana-mana tapak web dan pilih komponen web.
5. Klik kanan dan klik pada Inspect Element untuk melihat kod komponen web yang dipilih dalam konsol paparan inspektor.
6. Anda boleh mengklik pada butang pangkah anak tetingkap navigasi paparan periksa untuk menutup alat elemen periksa. 

Bagaimana untuk Memeriksa Elemen pada Firefox

1. Buka Firefox dan pergi ke tapak web pesaing.
2. Sekarang, navigasi ke halaman yang anda perlukan untuk memeriksa elemen.
3. Pilih mana-mana komponen web seperti imej, ilustrasi, kandungan atau hiperpautan.
4. Klik kanan pada tetikus anda, dan anda akan melihat menu konteks dengan beberapa pilihan.
5. Salah satu pilihan tersebut ialah Inspect Element .
6. Klik pada Inspect Element untuk membuka bar sisi paparan inspect.
7. Kod yang diserlahkan dalam paparan pemeriksaan ialah baris kod untuk komponen yang telah anda pilih.
8. Memilih ikon Tutup atau pangkah di penjuru kanan sebelah atas konsol paparan periksa akan menutup panel.

Cara Memeriksa Elemen di Edge

1. Akses halaman web menggunakan pelayar Microsoft Edge anda.
2. Pada Bar Alat penyemak imbas , anda akan melihat menu kebab atau tiga titik menegak. Klik padanya.
3. Menu konteks akan dibuka dengan banyak pilihan.
4. Tatal ke bawah sehingga anda menemui pilihan Lagi Alat . Sekarang, klik padanya.
5. Menu konteks baharu akan dibuka dengan pilihan lain Alat Pembangun . Pilih itu.
6. Ini akan membuka paparan periksa untuk halaman tersebut.
7. Sebagai alternatif, pilih mana-mana elemen pada tapak web dan kemudian klik kanan .
8. Klik pada Inspect dari menu konteks yang muncul.
9. Kod yang diserlahkan yang anda akan lihat dalam konsol paparan pemeriksaan ialah kod elemen.
10. Sama seperti tapak web lain yang disebut setakat ini, mengklik ikon pangkah pada konsol paparan periksa akan menutup ciri elemen periksa. 

Kesimpulan

Setakat ini, anda telah menemui beberapa kaedah untuk memeriksa elemen kod untuk pelayar web yang popular. Anda kini harus memahami dengan jelas cara memeriksa elemen pada penyemak imbas web yang disebutkan.

Anda boleh mengaplikasikan pembelajaran dalam profesion atau hobi anda sebagai pembangun web, pereka bentuk atau pemasar digital. 

Anda juga mungkin berminat dengan perkhidmatan VPN terbaik untuk menjadikan penyemakan imbas web anda peribadi dan mengakses kandungan geo-terhad untuk keperluan profesional.