Petua untuk menggunakan Elemen Pemeriksaan dari penyemak imbas Google Chrome

Isi kandungan:

Video: Petua untuk menggunakan Elemen Pemeriksaan dari penyemak imbas Google Chrome

Video: Petua untuk menggunakan Elemen Pemeriksaan dari penyemak imbas Google Chrome
Video: [TUTORIAL] How to set WORD as the DEFAULT Program to Open Word Documents in Windows 10 2024, Mac
Petua untuk menggunakan Elemen Pemeriksaan dari penyemak imbas Google Chrome
Petua untuk menggunakan Elemen Pemeriksaan dari penyemak imbas Google Chrome
Anonim

Google Chrome direka untuk bukan hanya untuk pengguna internet biasa tetapi juga untuk pemaju web, yang sering membuat laman web, blog reka bentuk, dan lain-lain. Periksa Elemen atau Periksa pilihan Google Chrome membantu pengguna mencari maklumat tentang laman web yang tersembunyi dari pandangan. Berikut adalah beberapa petua tentang menggunakan Elemen Pemeriksaan dari penyemak imbas Google Chrome untuk Windows PC.

Periksa Unsur Google Chrome

1] Cari fail JavaScript / Media tersembunyi

Image
Image

Banyak laman web memaparkan popup jika pengunjung kekal di laman web selama lebih daripada 15 atau 20 saat. Atau, banyak kali imej, iklan atau ikon, dibuka selepas klik di tempat secara rawak. Untuk mencari fail tersembunyi di halaman web, anda boleh menggunakannya Sumber tab Elemen Pemeriksaan. Ia menunjukkan senarai paparan pokok di sebelah kiri yang dapat diterokai.

2] Dapatkan kod warna HEX / RGB di Chrome

Image
Image

Kadang-kadang kita mungkin suka warna dan mungkin ingin mengetahui kod warnanya. Anda boleh mencari kod warna HEX atau RGB dengan mudah di laman web tertentu, menggunakan pilihan asli di Google Chrome. Klik kanan pada warna, dan klik pada Periksa. Pada kebanyakan masa, anda akan mendapat kod warna di sebelah kanan dengan CSS lain. Jika anda tidak melihatnya, dengan baik, anda mungkin perlu menggunakan beberapa perisian pemilih warna percuma.

TIP: Lihat juga alat-alat dalam talian Picker ini.

3] Dapatkan tips pembaikan prestasi laman web

Image
Image

Semua orang suka mendarat di laman web yang dibuka dengan cepat. Jika anda merancang laman web anda, anda harus sentiasa ingat. Terdapat banyak alat untuk menyemak dan mengoptimumkan kelajuan memuatkan halaman. Walau bagaimanapun, Google Chrome juga dilengkapi dengan alat binaan yang membolehkan pengguna mendapat petua untuk meningkatkan kelajuan memuatkan laman web. Untuk mengakses alat ini, pergi ke Audit tab, dan pastikan Penggunaan Rangkaian, Prestasi Halaman Web, dan Muat semula Page dan Audit pada Beban dipilih. Kemudian klik Jalankan butang. Ia akan memuatkan semula halaman tersebut, dan menunjukkan kepada anda beberapa maklumat yang boleh digunakan untuk menjadikan halaman lebih cepat. Sebagai contoh, anda boleh mendapatkan semua sumber yang tidak mempunyai tamat tempoh cache, JavaScript yang boleh digabungkan menjadi satu fail, dan sebagainya.

4] Semak respons

Image
Image

Membuat laman web responsif adalah penting, pada masa kini. Terdapat banyak alat yang dapat memeriksa sama ada laman web anda benar-benar responsif atau tidak. Walau bagaimanapun, alat Google Chrome ini membantu pengguna untuk mengetahui sama ada laman web ini responsif atau tidak serta memeriksa bagaimana ia akan kelihatan pada peranti mudah alih tertentu.Buka mana-mana laman web, dapatkan Periksa Elemen tab, klik pada mudah alih butang, tetapkan resolusi atau pilih peranti yang diingini untuk menguji halaman web.

5] Edit tapak web secara langsung

Mari kita anggap bahawa anda sedang membuat halaman web, tetapi anda keliru tentang skema warna atau saiz menu navigasi atau kandungan atau nisbah sidebar. Anda boleh mengedit tapak web langsung anda menggunakan pilihan Elemen Pemeriksaan Google Chrome. Walaupun anda tidak dapat menyimpan perubahan pada laman web secara langsung, anda boleh menjalankan semua penyuntingan supaya anda dapat menggunakannya lagi. Untuk berbuat demikian, buka Elemen Periksa, pilih properti HTML dari sebelah kiri dan buat perubahan gaya di sebelah kanan. Jika anda membuat sebarang perubahan dalam CSS, anda boleh mengklik pada pautan fail, salin seluruh kod dan tampalnya ke dalam fail asal.
Mari kita anggap bahawa anda sedang membuat halaman web, tetapi anda keliru tentang skema warna atau saiz menu navigasi atau kandungan atau nisbah sidebar. Anda boleh mengedit tapak web langsung anda menggunakan pilihan Elemen Pemeriksaan Google Chrome. Walaupun anda tidak dapat menyimpan perubahan pada laman web secara langsung, anda boleh menjalankan semua penyuntingan supaya anda dapat menggunakannya lagi. Untuk berbuat demikian, buka Elemen Periksa, pilih properti HTML dari sebelah kiri dan buat perubahan gaya di sebelah kanan. Jika anda membuat sebarang perubahan dalam CSS, anda boleh mengklik pada pautan fail, salin seluruh kod dan tampalnya ke dalam fail asal.

Memeriksa Unsur Google Chrome adalah sahabat sejati bagi setiap pemaju web. Tidak kira sama ada anda membangun laman web satu halaman atau laman web dinamik, anda pasti boleh menggunakan petua ini.

Disyorkan: