Waca HTML lan CSS saka Sembarang Kaca Web
Situs web dibangun karo garis kode , nanging asil kasebut minangka kaca spesifik karo gambar, video, fonts lan liya-liyane. Kanggo ngganti salah sawijining elemen utawa ndeleng apa sing kalebu, sampeyan kudu nemokake baris khusus kode sing ngatur. Sampeyan bisa nindakake iku kanthi alat inspeksi unsur.
Paling browser web ora nggawe sampeyan ngundhuh alat inspeksi utawa nginstal add-on. Nanging, padha ngidini sampeyan klik-tengen elemen kaca lan milih Inspect or Inspect Element . Nanging, proses kasebut bisa uga beda karo browser sampeyan.
Inspect Elements in Chrome
Versi Google Chrome paling anyar ngijini sampeyan mriksa kaca kanthi sawetara cara, kabeh nggunakake Piranti DevTools Chrome sing dibangun:
- Klik sapisan ing kaca (utawa kothong kosong) lan pilih Inspect
- Ketik trabasan tombol Ctrl + Shift + I
- Gunakake menu Chrome kanggo ngakses Alat Liyane> Pilihan pribadi pangembang
DevTools Chrome ngijini sampeyan nindakake kaya mengkono kanthi gampang nyalin utawa ngowahi baris HTML utawa ndhelikake utawa mbusak unsur-unsur kabeh (nganti kaca diunggah ulang).
Sawise DevTools mbukak ing sisih kaca, sampeyan bisa ngganti lokasi kasebut, pop metu saka kaca, nelusur kabeh file kaca, pilih unsur saka kaca kanggo pemeriksaa tartamtu, nyalin file lan URL, lan malah ngatur tandha saka setelan kasebut.
Inspect Elements in Firefox
Kaya Chrome, Firefox duwe sawetara cara kanggo mbukak alat sing disebut Inspektur:
- Klik tengen area kothong ing kaca utawa milih unsur, lan pilih Inspect Element
- Ketik Ctrl + Shift + T utawa Ctrl + Shift + I nganggo keyboard
- Saka menu Firefox, klik Developer > Inspector
- Saka Tools menu, klik Web Developer> Inspector
Nalika sampeyan mindhah mouse marang macem-macem unsur ing Firefox, alat Inspector kanthi otomatis nemokake informasi sumber kode unsur kasebut. Klik elemen lan "on-the-fly search" bakal mandheg lan sampeyan bisa mriksa elemen saka jendela Inspektur.
Tengen klik elemen kanggo nemokake kabeh kontrol sing didhukung. Sampeyan bisa nindakake kaya ngowahi kaca minangka HTML, nyalin utawa nempel kode HTML njaba utawa njaba, nuduhake properti DOM, gambar utawa mbusak simpul, kanthi gampang ngemot atribut anyar, ndeleng kabeh kaca CSS, lan liya-liyane.
Inspect Elements in Opera
Opera bisa mriksa unsur-unsur, karo alat Inspektur DOM sing identik karo Chrome. Punika babagan carane:
- Gunakake trabasan tombol Ctrl + Shift + I
- Navigasi menyang Menu> Piranti Lemak> Tampilake menu Pangembang , banjur bukak menu liwat Menu> Developer> Alat Pangembang
- Saka menu klik-tengen ing sembarang elemen ing kaca, pilih Inspect element
Inspect Elements in Internet Explorer
Piranti alat pemeriksa padha, sing disebut Alat Pangembang, kasedhiya ing Internet Explorer:
- Pencet F12 ing keyboard
- Gunakake Tools> F12 pilihan Menu Pangembang (hit Alt + X yen sampeyan ora ndeleng menu Tools )
- Klik-tengen ing kaca banjur klik Inspect Element
IE duwe alat Pilih elemen ing menu anyar iki sing ngijini sampeyan ngeklik sembarang elemen kaca kanggo ndeleng rincian HTML lan CSS. Sampeyan uga bisa gampang ngaktifake / ngaktifake unsur sing nduwur nalika sampeyan lagi nelusur liwat tab DOM Explorer .
Kaya liyane tool inspector unsur ing browser ndhuwur, Internet Explorer ngijini sampeyan kanggo nyunting, nyalin, lan nempel elemen, uga nyunting HTML, nambah atribut, nyalin unsur nganggo gaya sing dipasang, lan liya-liyane.