Gweler HTML a CSS o unrhyw dudalen we
Mae'r wefan wedi'i hadeiladu gyda llinellau cod , ond mae'r canlyniad yn dudalennau penodol gyda delweddau, fideo, ffontiau a mwy. I newid un o'r elfennau hynny neu weld beth mae'n cynnwys, mae'n rhaid ichi ddod o hyd i'r llinell benodol o god sy'n ei reoli. Gallwch chi wneud hynny gydag offeryn archwilio elfen.
Nid yw'r rhan fwyaf o borwyr gwe yn gwneud i chi lawrlwytho offeryn arolygu neu osod ategol. Yn lle hynny, maent yn gadael i chi dde-glicio ar yr elfen dudalen a dewis Elfen Archwilio neu Arolygu . Fodd bynnag, efallai y bydd y broses ychydig yn wahanol yn eich porwr.
Archwiliwch Elfennau yn Chrome
Mae'r fersiynau diweddaraf o Google Chrome yn gadael i chi arolygu'r dudalen mewn ychydig o ffyrdd, y mae pob un ohonyn nhw yn defnyddio ei Chrome DevTools adeiledig:
- Cliciwch ar y dde yn gywir ar y dudalen (neu faes gwag) a dewiswch Arolygwch
- Rhowch y shortcut Ctrl + Shift + I
- Defnyddiwch y ddewislen Chrome i gael mynediad i'r opsiwn Offer Mwy o Offer> Datblygwr
Mae'r Chrome DevTools yn gadael i chi wneud pethau fel copi neu olygu llinellau HTML yn hawdd neu guddio neu ddileu elfennau yn gyfan gwbl (hyd at ail-lwytho'r dudalen).
Unwaith y bydd DevTools yn agor ar ochr y dudalen, gallwch newid lle mae wedi'i leoli, popiwch allan o'r dudalen, chwilio am holl ffeiliau'r dudalen, dewis elfennau o'r dudalen ar gyfer archwiliad penodol, copi ffeiliau ac URLau, a hyd yn oed addasu criw o'r lleoliadau.
Archwiliwch Elfennau yn Firefox
Fel Chrome, mae gan Firefox ychydig o ffyrdd gwahanol i agor ei offeryn o'r enw Arolygydd:
- De-gliciwch ar faes gwag ar y dudalen neu dewiswch elfen, a dewiswch Elfen Archwilio
- Rhowch Ctrl + Shift + T neu Ctrl + Shift + I gyda'r bysellfwrdd
- O'r ddewislen Firefox, cliciwch ar Ddatblygwr > Arolygydd
- O'r ddewislen Tools , cliciwch ar y Datblygwr Gwe> Arolygydd
Wrth i chi symud eich llygoden dros amrywiol elfennau yn Firefox, mae offeryn yr Arolygydd yn canfod gwybodaeth cod ffynhonnell yr elfen yn awtomatig. Cliciwch ar elfen a bydd y "chwiliad ar-y-hedfan" yn dod i ben a gallwch edrych ar yr elfen o ffenest yr Arolygydd.
De-gliciwch ar elfen i ddod o hyd i'r holl reolaethau a gefnogir. Gallwch chi wneud pethau fel golygu'r dudalen fel HTML, copïo neu gludo cod HTML mewnol neu allanol, dangoswch eiddo DOM, sgrîn neu ddileu'r nod, rhowch nodweddion newydd yn hawdd, gweler holl CSS y dudalen, a mwy.
Archwiliwch Elfennau yn Opera
Gall Opera arolygu elfennau hefyd, gydag offeryn yr Arolygydd DOM sy'n union yr un fath â Chrome's. Dyma sut i gyrraedd:
- Defnyddiwch y shortcut bysellfwrdd Ctrl + Shift + I
- Ewch i'r Dewislen> Mwy o Offer> Dangosydd Dangosydd Dangosydd , ac wedyn agorwch y ddewislen trwy Ddewislen> Datblygwr> Offer Datblygwr
- O'r ddewislen dde-glicio ar unrhyw elfen ar y dudalen, dewiswch yr elfen Archwilio
Archwiliwch Elfennau yn Internet Explorer
Mae offeryn elfen debyg arolygu, o'r enw Offer Datblygwr, ar gael yn Internet Explorer:
- Gwasgwch F12 ar y bysellfwrdd
- Defnyddiwch y dewis Tools> F12 Menu Menu (taro Alt + X os nad ydych yn gweld y ddewislen Tools )
- De-gliciwch ar y dudalen a chliciwch ar Elfen Archwilio
Mae gan IE offeryn elfen Dethol yn y fwydlen newydd hon sy'n eich galluogi i glicio ar unrhyw elfen dudalen i weld ei manylion HTML a CSS. Gallwch hefyd analluoga / galluogi elfen yn tynnu sylw atoch tra'ch bod yn pori drwy'r tab Explorer DOM .
Fel offer yr arolygydd elfen arall yn y porwyr uchod, mae Internet Explorer yn gadael i chi dorri, copïo a pharatoi elfennau yn ogystal â golygu'r HTML, ychwanegu nodweddion, copi elfennau gydag arddulliau ynghlwm, a mwy.