Lihat HTML dan CSS Sebarang Laman Web
Laman web dibina dengan garis kod , tetapi hasilnya adalah halaman tertentu dengan imej, video, fon dan banyak lagi. Untuk menukar salah satu unsur tersebut atau melihat apa yang terkandung di dalamnya, anda perlu mencari kod tertentu kod yang mengawalnya. Anda boleh melakukannya dengan alat pemeriksa elemen.
Kebanyakan penyemak imbas web tidak membuat anda memuat turun alat pemeriksaan atau memasang add-on. Sebaliknya, mereka membiarkan anda klik kanan elemen halaman dan pilih Inspect atau Inspect Element . Walau bagaimanapun, proses mungkin sedikit berbeza dalam penyemak imbas anda.
Periksa Elemen dalam Chrome
Versi Google Chrome yang paling baru membolehkan anda memeriksa laman dalam beberapa cara, semuanya menggunakan DevTools Chrome terbina dalamnya:
- Klik butang kanan pada halaman (atau kawasan kosong) dan pilih Periksa
- Masukkan pintasan papan kekunci Ctrl + Shift + I
- Gunakan menu Chrome untuk mengakses Pilihan Peralatan> Pilihan alat pemaju
DevTools Chrome membolehkan anda melakukan perkara seperti mudah menyalin atau mengedit garisan HTML atau menyembunyikan atau memadam unsur-unsur sama sekali (sehingga halaman dimuat semula).
Sebaik sahaja DevTools dibuka di sebelah halaman, anda boleh menukar kedudukannya, pop keluar dari halaman, cari semua fail halaman, pilih unsur dari halaman untuk peperiksaan khusus, menyalin fail dan URL, dan juga menyesuaikan sekelompok daripada tetapan.
Periksa Elemen di Firefox
Seperti Chrome, Firefox mempunyai beberapa cara untuk membuka alat yang dipanggil Inspektor:
- Klik kanan kawasan kosong di halaman atau pilih elemen, dan pilih Elemen Periksa
- Masukkan Ctrl + Shift + T atau Ctrl + Shift + I dengan papan kekunci
- Dari menu Firefox, klik Pembangun > Inspektor
- Dari menu Alat , klik Pembangun Web> Inspektor
Apabila anda menggerakkan tetikus anda ke atas pelbagai elemen dalam Firefox, alat Pemeriksa secara automatik mendapati maklumat kod sumber elemen. Klik elemen dan carian "on-the-fly" akan berhenti dan anda boleh memeriksa elemen dari tetingkap Inspektor.
Klik kanan elemen untuk mencari semua kawalan yang disokong. Anda boleh melakukan perkara-perkara seperti mengedit halaman sebagai HTML, salin atau tampal kod HTML dalam atau luar, tunjukkan sifat DOM, tangkapkan skrin atau hapuskan simpul, dengan mudah menggunakan atribut baru, lihat semua CSS halaman, dan banyak lagi.
Periksa Elemen di Opera
Opera juga boleh memeriksa unsur-unsur, dengan alat DOM Inspector yang sama dengan Chrome. Inilah caranya:
- Gunakan pintasan papan kekunci Ctrl + Shift + I
- Navigasi ke Menu> Alat Lebih> Tunjukkan menu Pembangun , dan kemudian buka menu melalui Menu> Pemaju> Alat Pembangun
- Dari menu klik kanan pada mana-mana unsur pada halaman, pilih Elemen Periksa
Periksa Elemen di Internet Explorer
Alat pemeriksa elemen yang sama, yang disebut Alat Pembangun, tersedia di Internet Explorer:
- Tekan F12 pada papan kekunci
- Gunakan Alat> Pilihan Menu Pembangun F12 (tekan Alt + X jika anda tidak melihat menu Alat )
- Klik kanan pada halaman dan klik Periksa Elemen
IE mempunyai alat Pilih elemen dalam menu baru ini yang membolehkan anda mengklik pada elemen halaman apa pun untuk melihat butiran HTML dan CSSnya. Anda juga boleh melumpuhkan / mendayakan unsur menonjol dengan mudah semasa anda melayari tab DOM Explorer .
Seperti alat pemeriksa elemen lain dalam pelayar di atas, Internet Explorer membolehkan anda memotong, menyalin, dan menyisipkan elemen serta mengedit HTML, menambahkan atribut, menyalin unsur dengan gaya yang dilampirkan, dan banyak lagi.