Wat om te weet
-
In Safari: Regskliek op 'n webblad en kies Inspect Element.
- In Chrome kan jy regskliek en klik Inspect.
- Om die kenmerk in Safari te aktiveer: Safari > Preferences > Advanced > kyk na die Wys Ontwikkel-kieslys in kieslysbalk blokkie.
Hierdie artikel leer jou hoe om 'n webwerf se element op Mac te inspekteer. Dit kyk hoe om dit te doen via Safari en Google Chrome.
Hoe gebruik jy die Inspect Element-kenmerk op 'n Mac?
Voordat jy elemente op Mac inspekteer wanneer jy Safari gebruik, moet jy die ontwikkelaarkieslys binne die blaaier aktiveer. Hier is 'n blik op hoe om dit aan te skakel en wat om te doen om 'n element te inspekteer.
As jy Ontwikkel tussen Boekmerke en Venster kan sien, is die Ontwikkelaarskieslys reeds geaktiveer, en jy kan na stap 4 oorslaan.
Gebruik die Inspekteer Element-kenmerk in Safari
Hier is hoe om Inspect Element in Safari te gebruik, die verstekblaaier op Mac-rekenaars.
-
In Safari, klik Safari > Preferences.
Image -
Klik Advanced.
Image -
Klik Wys Ontwikkel-kieslys in kieslysbalk, maak dan die venster toe.
Image - Wanneer jy deur 'n webwerf blaai, regsklik op die item wat jy wil inspekteer.
-
Klik Inspekteer element.
Image -
Jy kan nou die kode agter die webwerf wat jy geïnspekteer het, bekyk.
Image
Gebruik die Inspect Element-kenmerk in Chrome op 'n Mac
As jy Chrome in plaas van Safari op jou Mac gebruik, is dit selfs makliker om 'n element te sien aangesien dit nie nodig is om die kenmerk te aktiveer nie. Hier is wat om te doen.
- Blaai in Chrome na 'n webwerf.
- Regsklik op die element wat jy wil inspekteer.
-
Klik Inspekteer.
Image -
Jy kan nou die kode in 'n syvenster op Chrome bekyk.
Image
Hoekom kan ek nie op my Mac inspekteer nie?
Jy sal dalk nie 'n element op jou Mac kan inspekteer as jy nie die Ontwikkelaar-kieslys binne Safari geaktiveer het nie. Hier is 'n herinnering van hoe om dit te doen.
-
In Safari, klik Safari > Preferences.
Image -
Klik Advanced.
Image -
Klik Wys Ontwikkel-kieslys in kieslysbalk, maak dan die venster toe.
Image
Hoe om webwerfveranderings aan te bring deur die element te inspekteer
Behalwe dat jy die kode op 'n webwerf kan sien, is dit ook moontlik om enige webwerf-element tydelik deur Inspect Element te verander. Hier is hoe om dit via Safari te doen.
Die proses is baie soortgelyk op ander blaaiers.
- Wanneer jy deur 'n webwerf blaai, regsklik op die item wat jy wil inspekteer.
- Klik Inspekteer element.
- Dubbelklik op die teks in die kode om dit redigeerbaar te maak.
- Vee dit uit of voer 'n nuwe string teks in.
- Tik Enter.
- Die kode is nou tydelik verander net vir jou voordeel.
Hoekom wil jy die Inspekteer Element-kenmerk gebruik?
Om 'n element te kan inspekteer, is om baie redes nuttig.
- Om kode vinnig te verander. Webwerfontwerpers kan dinge tydelik op 'n webwerf verander om te sien hoe die veranderinge dinge raak.
- Om die kode na te gaan. Beide ontwerpers en bemarkingsmense kan die kode nagaan om te bevestig dat dinge soos Google Analytics-besonderhede daar is.
- Om beelde afsonderlik van 'n werf te bekyk. As 'n werf jou nie toelaat om 'n prent in 'n nuwe oortjie of venster oop te maak nie, maak dit moontlik om die element te bekyk.
-
Tinker. Om die kode van 'n webblad te sien, kan jou help om te verstaan wat jy sien, en die raaisel van wat en hoekom van wat aangaan met die werf waarop jy is, verwyder. Dit is soos om 'n toestel uitmekaar te haal om te sien hoe dit werk, maar daar is geen skroewe om in hierdie geval te verloor nie.
Gereelde Vrae
Is dit wettig om 'n webwerf te inspekteer?
Ja. As jy egter van plan is om enige kode of bates vanaf 'n webwerf te gebruik, maak seker dat jy met die eienaar nagaan en 'n kopieregnota byvoeg.
Hoe kopieer ek HTML vanaf 'n webwerf met inspekteer-element?
In Chrome, regskliek die bladsy en kies Inspect, gaan dan na die boonste gedeelte en regsklik op die merker (bv.). Kies Copy > Copy outerHTML, en plak dan die kode in 'n teks- of HTML-lêer.
Kan ek CSS vanaf 'n webwerf met inspekteer-element kopieer?
Ja. Regskliek op die element wat jy wil kopieer en kies Inspect. Regskliek op gemerkte kode en kies Copy > Copy styles.
Hoe sien ek my gestoorde wagwoorde met inspekteerelement?
Om versteekte wagwoorde te openbaar, regskliek op die wagwoordtekskassie en kies Inspekteer. In die gemerkte afdeling, soek type=”wagwoord” en vervang wagwoord met text. Daar is makliker maniere om al jou wagwoorde in Chrome te wys.
