Pejabat

Petua menggunakan Elemen Pemeriksa penyemak imbas Google Chrome

QuickTip #8 : 10 Chrome Extensions WAJIB untuk Web Designer dan Web Developer

QuickTip #8 : 10 Chrome Extensions WAJIB untuk Web Designer dan Web Developer

Isi kandungan:

Anonim

Google Chrome direka untuk bukan hanya untuk pengguna internet biasa tetapi juga untuk pemaju web, atau Periksa pilihan Google Chrome membantu pengguna untuk mencari maklumat mengenai laman web yang tersembunyi dari paparan. Berikut ialah beberapa petua tentang menggunakan Elemen Pemeriksaan pelayar Google Chrome untuk Windows PC. Periksa Elemen Google Chrome

1] Cari fail JavaScript / Media tersembunyi

Banyak laman web memaparkan popup jika pengunjung tetap berada di web halaman 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 pada halaman web, anda boleh menggunakan tab

Sumber tab Elemen Pemeriksaan.

2] Dapatkan kod warna HEX / RGB di Chrome

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, dengan 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. TIP

: Lihatlah alat-alat dalam talian Pemetik Warna ini juga. 3] Dapatkan tips pembaikan prestasi laman web

Semua orang suka mendarat di laman web yang dibuka dengan pantas. 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-alat ini, pergi ke tab

Audit , dan pastikan Penggunaan Rangkaian , Prestasi Halaman Web , dan Reload Halaman dan Audit pada Beban dipilih. Kemudian klik butang Run . 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] Periksa respons

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 mengetahui sama ada laman web ini responsif atau tidak serta memeriksa cara ia akan kelihatan pada peranti mudah alih tertentu. Buka laman web mana pun, dapatkan tab

Periksa Unsur , klik pada mudah alih , tetapkan resolusi atau pilih peranti yang diingini untuk menguji halaman web. 5] Edit laman web secara langsung

Katakan bahawa anda membuat halaman web, tetapi anda keliru tentang warna skema atau saiz menu navigasi atau kandungan atau nisbah bar sisi. 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, menyalin keseluruhan kod dan tampal itu ke dalam fail asal.

Periksa Elemen Google Chrome adalah sahabat sebenar setiap pemaju web. Tidak kira sama ada anda membangun laman web satu halaman atau laman web dinamik, anda pasti boleh menggunakan petua ini.