Sulge
Menüü

Kuidas kontrollida elementi Macis

Mida teada

  • Safaris: paremklõpsake veebilehel ja valige Kontrollige elementi.
  • Chrome'is saate lihtsalt paremklõpsata ja klõpsata Kontrollige.
  • Funktsiooni lubamiseks Safaris toimige järgmiselt. Safari > Eelistused > Täpsemalt > kontrollige Kuva menüü Arendusmenüü menüüribal kasti.

See artikkel õpetab teile, kuidas Macis veebisaidi elementi kontrollida. Selles vaadatakse, kuidas seda teha nii Safari kui ka Google Chrome'i kaudu.

Kuidas kasutada elemendi kontrollimise funktsiooni Macis?

Enne elementide kontrollimist Macis Safari kasutamisel peate lubama brauseris arendaja menüü. Siin on ülevaade, 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.

Elementi kontrollimise funktsiooni kasutamine Safaris

  1. Klõpsake Safaris Safari > Eelistused.

    Safari eelistustega esiletõstetud

  2. Klõpsake Täpsemalt.

    Safari koos eelistustes esile tõstetud valikuga Advanced

  3. Klõpsake Kuva menüü Arendamine menüüribal ja seejärel sulgege aken.

    Safari koos arendusmenüüga Näita eelistustes esile tõstetud

  4. Veebisaidi sirvimisel paremklõpsake üksusel, mida soovite kontrollida.

  5. Klõpsake KontrolligeElement.

    Safari koos esiletõstetud kontrollielemendiga

  6. Nüüd saate vaadata kontrollitud veebisaidi taga olevat koodi.

    Safari avatud koodiredaktoriga

Funktsiooni Inspect Element 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.

  1. Sirvige Chrome'is veebisaiti.

  2. Paremklõpsake elemendil, mida soovite kontrollida.

  3. Klõpsake Kontrollige.

    Chrome koos Inspectiga esiletõstetud

  4. Nüüd saate koodi vaadata Chrome'i külgaknas.

    Avatud koodiredaktoriga Chrome

Miks ma ei saa oma Maci kontrollida?

Peamine põhjus, miks te ei pruugi oma Macis mõnda elementi kontrollida, on see, kui te pole Safaris menüüd Arendaja lubanud. Siin on meeldetuletus, kuidas seda teha.

  1. Klõpsake Safaris Safari > Eelistused.

    Safari eelistustega esiletõstetud

  2. Klõpsake Täpsemalt.

    Safari koos eelistustes esile tõstetud valikuga Advanced

  3. Klõpsake Kuva menüü Arendamine menüüribal ja seejärel sulgege aken.

    Safari eelistused koos esiletõstetud menüüga Show Develop

Veebisaidi muutmine elementi kontrollides

Lisaks sellele, et saate veebisaidil koodi vaadata, on Inspect Elementi kaudu võimalik ajutiselt muuta mis tahes veebisaidi elementi. Siin on, kuidas seda Safari kaudu teha.

Protsess on teistes brauserites väga sarnane.

  1. Veebisaidi sirvimisel paremklõpsake üksusel, mida soovite kontrollida.

  2. Klõpsake Kontrollige elementi.

  3. Topeltklõpsake koodi tekstil, et muuta see redigeeritavaks.

  4. Kustutage see või sisestage uus tekstistring.

  5. Puudutage sisestusklahvi.

  6. 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 lennult. 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, et see on kaasatud, näiteks Google Analyticsi üksikasjad.
  • Piltide vaatamiseks saidist eraldi. Kui sait ei võimalda teil pilti uuel vahelehel või aknas avada, võimaldab see elemendi vaatamine.
  • Tinker. Veebilehe koodi nägemine võib aidata teil mõista, mida näete, mis võib kõrvaldada mõistatuse selle kohta, mis ja miks sellel saidil toimub. Mõelge sellele nagu seadme lahti võtmine, et näha, kuidas see töötab, kuid sel juhul pole vaja kruvisid kaotada.