Petua untuk Menggunakan Elemen Periksa dalam Penyemak Imbas Google Chrome

Dengan mengandaikan anda mahukan petua tentang menggunakan ciri Inspect Element dalam Penyemak Imbas Google Chrome: Klik kanan pada elemen yang ingin anda periksa dan pilih 'Periksa' daripada menu lungsur. Anda juga boleh menggunakan pintasan papan kekunci Ctrl+Shift+I (Windows) atau Cmd+Opt+I (Mac) untuk membuka Inspektor. Sebaik sahaja anda membuka Inspektor, anda akan melihat HTML untuk halaman di sebelah kiri dan CSS di sebelah kanan. Anda boleh membuat perubahan pada HTML dan CSS dalam Inspektor dan melihat perubahan tersebut berkuat kuasa pada halaman serta-merta. Untuk keluar dari Inspektor, cuma klik X di penjuru kanan sebelah atas.

Google Chrome bukan sahaja untuk pengguna web umum, tetapi juga untuk pembangun web yang sering membuat tapak web, membuat blog, dsb. Periksa elemen atau Periksa Pilihan Google Chrome membantu pengguna mencari beberapa maklumat tentang tapak web yang disembunyikan daripada paparan. Berikut ialah beberapa petua untuk menggunakan Inspect Element dalam penyemak imbas Google Chrome untuk Windows PC.

Semak elemen Google Chrome

1] Cari Fail JavaScript/Media Tersembunyi

padamkan tetingkap profil pengguna 10

Banyak tapak web memaparkan pop timbul jika pelawat kekal di halaman web selama lebih daripada 15 atau 20 saat. Atau, dalam kebanyakan kes, imej, iklan atau ikon dibuka selepas mengklik suatu tempat secara tidak sengaja. Untuk mencari fail tersembunyi ini pada halaman web, anda boleh gunakan Sumber Periksa tab Elemen. Senarai seperti pokok dipaparkan di sebelah kiri, yang boleh anda terokai.

peta epal untuk windows 10

2] Dapatkan kod warna HEX/RGB dalam Chrome

Kadang-kadang kita mungkin suka warna dan ingin tahu kod warnanya. Anda boleh mencari kod warna HEX atau RGB yang digunakan pada halaman web tertentu dengan mudah menggunakan pilihan terbina dalam dalam Google Chrome. Klik kanan warna dan pilih Periksa . Dalam kebanyakan kes, anda akan mendapat kod warna di sebelah kanan dengan CSS yang berbeza. Jika anda tidak melihatnya, anda mungkin perlu menggunakan perisian pemilih warna percuma.

PETUA : Lihatlah ini Alat Pemilih Warna Dalam Talian Sama.

3] Dapatkan Petua untuk Meningkatkan Prestasi Halaman Web

ikon windows 10 globe

Semua orang suka melawat tapak yang dibuka dengan cepat. Jika anda mereka bentuk tapak web anda, anda harus sentiasa mengingati perkara ini. Terdapat banyak alat untuk menguji dan mengoptimumkan kelajuan pemuatan halaman. Walau bagaimanapun, Google Chrome juga mempunyai alat terbina dalam yang membolehkan pengguna mendapatkan petua untuk meningkatkan kelajuan pemuatan tapak web. Untuk mengakses alatan ini, pergi ke Audit tab dan pastikan Penggunaan rangkaian , Prestasi halaman web , i Muat semula halaman dan audit semasa dimuatkan dipilih. Kemudian klik pada lari butang. Ia akan memuatkan semula halaman dan menunjukkan kepada anda beberapa maklumat yang boleh digunakan untuk mempercepatkan halaman. Sebagai contoh, anda boleh mendapatkan semua sumber yang belum tamat tempoh cache, JavaScript yang boleh digabungkan menjadi satu fail dan sebagainya.

4] Uji Responsif

Pada masa kini, adalah sangat penting untuk menjadikan halaman web responsif. Terdapat banyak alat yang boleh menyemak sama ada tapak anda responsif sepenuhnya. Walau bagaimanapun, alat Google Chrome ini membantu pengguna mengetahui sama ada tapak itu responsif atau tidak dan juga semak penampilannya pada peranti mudah alih tertentu. Buka mana-mana tapak, dapatkan Periksa elemen tab, klik pada mudah alih klik butang, tetapkan resolusi, atau pilih peranti yang dikehendaki untuk menyemak halaman web.

lumpuhkan tetingkap but selamat 10

5] Edit laman web langsung

Katakan anda sedang membina halaman web, tetapi anda tidak tahu skema warna, saiz menu navigasi, kandungan atau nisbah aspek bar sisi. Anda boleh mengedit tapak web langsung anda menggunakan pilihan Inspect Element dalam Google Chrome. Walaupun anda tidak boleh menyimpan perubahan pada tapak web langsung, anda boleh melakukan semua pengeditan supaya anda boleh menggunakannya kemudian. Untuk melakukan ini, buka Inspect Element, pilih sifat HTML di sebelah kiri, dan buat perubahan gaya di sebelah kanan. Jika anda membuat sebarang perubahan pada CSS, anda boleh mengklik pautan ke fail, menyalin semua kod dan menampalnya ke dalam fail asal.

Inspect Element daripada Google Chrome ialah teman sejati setiap pembangun web. Sama ada anda mereka bentuk laman web satu halaman atau laman web dinamik, anda pastinya boleh mendapat manfaat daripada petua ini.