Mida teada
-
Safaris: paremklõpsake veebilehel ja valige Inspect Element.
- Chrome'is saate paremklõpsata ja klõpsata nupul Inspect.
- Funktsiooni lubamiseks Safaris: Safari > Preferences > Advanced 643344 Kuva menüüribal Arendusmenüü kastis.
See artikkel õpetab teile, kuidas Macis veebisaidi elementi kontrollida. Selles vaadatakse, kuidas seda teha Safari ja Google Chrome'i kaudu.
Kuidas kasutada elemendi kontrollimise funktsiooni Macis?
Enne Maci elementide kontrollimist Safari kasutamisel peate lubama brauseris arendaja menüü. Siit leiate ülevaate, kuidas see sisse lülitada ja mida teha elemendi kontrollimiseks.
Kui näete valikut Arenda järjehoidjate ja akna vahel, on arendajamenüü juba lubatud ja võite liikuda 4. sammu juurde.
Elemendi kontrollimise funktsiooni kasutamine Safaris
Siin on juhised, kuidas kasutada Inspect Elementi Safaris, Maci arvutite vaikebrauseris.
-
Safaris klõpsake Safari > Preferences.
Image -
Klõpsake Advanced.
Image -
Klõpsake menüüribal valikul Näita arendusmenüüd, seejärel sulgege aken.
Image - Veebisaidi sirvimisel paremklõpsake üksusel, mida soovite kontrollida.
-
Klikkige Inspekteeri elementi.
Image -
Nüüd saate vaadata kontrollitud veebisaidi taga olevat koodi.
Image
Elemendi kontrollimise funktsiooni kasutamine Chrome'is Macis
Kui kasutate Macis Safari asemel Chrome'i, on elementi veelgi lihtsam vaadata, kuna funktsiooni pole vaja lubada. Siin on, mida teha.
- Sirvige Chrome'is veebisaiti.
- Paremklõpsake elemendil, mida soovite kontrollida.
-
Klikkige Inspekteeri.
Image -
Saate nüüd koodi vaadata Chrome'i külgaknas.
Image
Miks ma ei saa oma Maci kontrollida?
Te ei pruugi olla võimalik oma Macis mõnda elementi kontrollida, kui te pole Safaris menüüd Arendaja lubanud. Siin on meeldetuletus, kuidas seda teha.
-
Safaris klõpsake Safari > Preferences.
Image -
Klõpsake Advanced.
Image -
Klõpsake menüüribal valikul Näita arendusmenüüd, seejärel sulgege aken.
Image
Kuidas teha veebisaidil muudatusi elementi kontrollides
Lisaks sellele, et saate veebisaidil koodi vaadata, on elemendi Inspect Element kaudu võimalik ajutiselt muuta ka mis tahes veebisaidi elementi. Safari kaudu saate seda teha järgmiselt.
Protsess on teistes brauserites väga sarnane.
- Veebisaidi sirvimisel paremklõpsake üksusel, mida soovite kontrollida.
- Klikkige Inspekteeri elementi.
- Koodi redigeeritavaks muutmiseks topeltklõpsake tekstil.
- Kustutage see või sisestage uus tekstistring.
- Puudutage sisestusklahvi.
- Koodi on nüüd ajutiselt teie huvides muudetud.
Miks soovite elemendi kontrollimise funktsiooni kasutada?
Elemendi kontrollimise võimalus on kasulik mitmel põhjusel.
- Koodi muutmiseks käigu pe alt. Veebisaidi kujundajad saavad veebisaidil ajutiselt asju muuta, et näha, kuidas muudatused asju mõjutavad.
- Koodi kontrollimiseks. Nii disainerid kui ka turundusinimesed saavad koodi kontrollida, et veenduda selliste asjade olemasolus nagu Google Analyticsi üksikasjad.
- Piltide vaatamiseks saidilt eraldi. Kui sait ei võimalda teil pilti uuel vahelehel või aknas avada, teeb selle elemendi vaatamine võimalikuks.
-
Tinker. Veebilehe koodi nägemine võib aidata teil mõista, mida näete, kõrvaldades mõistatuse selle kohta, mis ja miks sellel saidil toimub. See on nagu seadme lahtivõtmine, et näha, kuidas see töötab, kuid sel juhul pole vaja kruvisid kaotada.
KKK
Kas veebisaidi kontrollimine on seaduslik?
Jah. Kui aga kavatsete kasutada veebisaidi koodi või vara, pidage kindlasti omanikuga nõu ja lisage autoriõiguse märkus.
Kuidas kopeerida HTML-i kontrollielemendiga veebisaidilt?
Paremklõpsake Chrome'is lehel ja valige Inspect, seejärel minge ülemisse jaotisesse ja paremklõpsake sildil (nt). Valige Kopeeri > Kopeeri välimineHTML, seejärel kleepige kood teksti- või HTML-faili.
Kas ma saan kopeerida CSS-i kontrollielemendiga veebisaidilt?
Jah. Paremklõpsake elementi, mida soovite kopeerida, ja valige Inspekteeri. Paremklõpsake esiletõstetud koodil ja valige Kopeeri > Kopeeri stiilid.
Kuidas ma näen oma salvestatud paroole kontrollielemendi abil?
Peidetud paroolide kuvamiseks paremklõpsake parooli tekstiväljal ja valige Inspekteeri. Otsige esiletõstetud jaotisest üles type=”password” ja asenda password tekstiga text. Kõigi paroolide kuvamiseks Chrome'is on lihtsamaid viise.
