Kaip patikrinti „Mac“, „Windows“, „iPhone“ ir „iPad“ elementus

Kūrėjai ir vartotojo sąsajos dizaineriai naudoja funkciją Inspect Element, norėdami modifikuoti svetaines internete nekeičiant šaltinio kodo. Bet kaip patikrinti elementus nedalyvaujant žiniatinklio kūrimo kursuose?

Inspect Element yra patogus kūrėjo įrankis, kurį galima įsigyti naudojant populiarias žiniatinklio naršykles. Jums tereikia žinoti, kaip įdiegti įrankį keliais paspaudimais naršant svetaines.

Galite atlikti daugybę magiškų triukų, pavyzdžiui, pakeisti svetainės išdėstymą, daryti ekrano kopijas be teksto, keisti šriftus, keisti skaičius ir kt.

Žemiau rasite glaustą nuoseklų vadovą, kad sužinotumėte, kaip be vargo apžiūrėti elementus.

Kas yra tikrinti elementą?

Inspect Element yra žiniatinklio kūrimo įrankis, kurį galima rasti daugelyje interneto naršyklių. Jį galite naudoti norėdami redaguoti bet kurios lankomos svetainės sąsajos šaltinio kodą.

Jūsų atliekami pakeitimai atliekami smėlio dėžėje žiniatinklio naršyklėje. Taigi, jūs nedarote jokių pakeitimų tikrojoje svetainėje. Be to, atnaujinus puslapį išnyksta atlikti paviršutiniški pakeitimai.

Štai keli kūrybingi jo panaudojimo būdai:

• Turite padaryti ekrano kopiją iš svetainės, o vaizde esantys tekstai jums kelia nerimą. Norėdami ištrinti tuos tekstus, naudokite įrankį Inspect Element.
• Norite išjuokti savo draugus parodydami jiems savo vardą „New York Times“ arba „Washington Post“. Apžiūrėti elementą yra geriausias būdas tai padaryti.
• Išbandykite derinimo kodus svetainėse taikydami juos realiuoju laiku naudodami įrankį Inspect Element. Jei tai veikia, galite pakeisti pagrindinį šaltinio kodą.
• Naudodami šį galingą žiniatinklio kūrimo įrankį, kaip skaitmeninės rinkodaros specialistas, galite atskleisti konkurentų raktinius žodžius, SEO pavadinimus, metažymes ir kt.

Kaip patikrinti elementus sistemoje „Windows“.

„Windows“ sistemoje naudoti įrankį „Inspect Element“ yra juokingai paprasta. Žemiau rasite nuoseklų vadovą, kaip patikrinti elementus naudojant įvairias „Windows“ žiniatinklio naršykles:

Google Chrome tikrinimo įrankis

Kaip patikrinti elementus „Windows Chrome“ naršyklėje

• Naudodami „Google Chrome“ dešiniuoju pelės mygtuku spustelėkite bet kurią svetainės vietą.
• Dešiniuoju pelės mygtuku spustelėkite kontekstinį meniu.
• Apačioje matysite Patikrinti .
• Spustelėkite Tikrinti , kad peržiūrėtumėte HTML ir CSS kodus dešiniajame skydelyje .

Kaip atidaryti tikrinimo elementą „Chrome“ nepaspaudus dešiniuoju pelės mygtuku?

Yra keletas patogių sparčiųjų klavišų, leidžiančių atidaryti „Inspect Element“ įrankį „Google Chrome“, skirtoje „Windows“. Šie spartieji klavišai yra tokie:

• Ctrl + Shift + C
• Funkcinis klavišas F12

Pirmiau minėti spartieji klavišai taip pat veikia „Mozilla“ naršyklėje, skirtoje „Windows“.

„Mozilla Inspector Tool“.

Kaip patikrinti elementus „Windows Mozilla“ naršyklėje

„Mozilla“ naršyklėje procesas yra toks pat kaip „Google Chrome“. Tačiau inspektoriaus langas bus rodomas naršyklės apačioje, o ne dešinėje, kaip „Google Chrome“.

„Microsoft Edge“ tikrinimo įrankis

Kaip patikrinti elementus „Windows Edge“ naršyklėje

Keista, bet „Microsoft Edge“ tikrinimo elementas veikia panašiai kaip „Google Chrome“ naršyklė. Patikrinimo įrankis pasiekiamas spustelėjus dešinįjį pelės klavišą. Be to, HTML ir CSS kodai rodomi dešinėje pusėje, panašiai kaip „Google Chrome“.

Kaip patikrinti elementus „Mac“.

Ar „Apple Mac“ kompiuteriuose naudojate „Google Chrome“, „Mozilla Firefox“ arba „Microsoft Edge“? Jei taip, galite įdiegti įrankį Inspect Element, atlikdami aukščiau „Windows“ skyriuje nurodytus veiksmus.

Tačiau jei naudojate numatytąją „MacOS“ žiniatinklio naršyklę „Safari“, naudoti įrankį „Inspect Element“ yra sudėtingas žaidimas. Pagal numatytuosius nustatymus „Mac“ sistemoje „Safari“ nerodo „Inspect Element“. Štai ką reikia padaryti:

Kaip atidaryti tikrinimo elementą „Mac“.

Pirmiausia turite suaktyvinti kūrėjo įrankius „Safari“ sistemoje „Mac“. Štai kaip:

• Paleiskite „Safari“ naršyklę .
• Apsilankykite svetainėje, kurioje norite patikrinti žiniatinklio elementus.
• Viršutinėje „Safari“ naršyklės meniu juostoje pasirinkite „Safari“ .
• Atsidariusiame kontekstiniame meniu spustelėkite Nuostatos .
• Ekrane Parinktys pasirinkite Išplėstinė .
• Pažymėkite meniu Rodyti kūrimą , esantį išplėstinių nuostatų ekrano apačioje .

Sėkmingai įgalinote kūrėjo įrankius „Safari“, skirtoje „Mac“. Dabar, norėdami naudoti tikrinimo elementą, atlikite šiuos veiksmus:

• Dešiniuoju pelės mygtuku spustelėkite bet kurį svetainės elementą, pvz., tekstą ar vaizdą .
• Pasirodys kontekstinis meniu. Apačioje matysite elementą Tikrinti .
• Spustelėkite jį, kad atidarytumėte derinimo skyrių po svetaine, kurioje rodomi HTML ir CSS kodai.

Kokie yra elemento tikrinimo raktai?

Galbūt ieškote „Inspect Element“ nuorodų „Mac“. Galite naudoti šiuos dalykus:

• Command + Shift + C
• Paspauskite valdymo klavišą ir pasirinkite bet kurį elementą.
• Dviem pirštais spustelėkite valdymo skydelį

Kaip patikrinti elementus „Chromebook“ įrenginiuose

„Chromebook“ naudoja „Google Chrome“ kaip numatytąją naršyklę. Taigi, atidarę bet kurią svetainę, tiesiog dešiniuoju pelės mygtuku spustelėkite, kad toliau pateiktame kontekstiniame meniu rastumėte parinktį Tikrinti elementą.

Jei naudojate „Chromebook“ iš darbo ar mokyklos, galite užduoti šį klausimą:

Kodėl negaliu patikrinti mokyklos „Chromebook“?

Dauguma mokyklų ir įmonių administratorių išjungia išplėstines funkcijas „Chromebook“, kurias teikia jums darbui ar studijoms. Kadangi kūrėjo įrankiai yra išplėstinės funkcijos, tikėtina, kad jūsų mokyklos ar darbo „Chromebook“ nerodys elemento tikrinimo įrankio.

Kaip patikrinti „iPad“ / „iPhone“ elementus

Deja, negalite naudoti „Inspect Element“ įrankio „iPhone“ ar „iPad“ be „Mac“.

„iOS“ ir „iPadOS“ turi „Safari“ programai skirtą „Web Inspector“. Tačiau tai veikia tik tuo atveju, jei mobilųjį įrenginį prijungiate prie „Mac“, kuriame jau suaktyvinote „Safari“ skirtus kūrėjo įrankius. Toliau pateikiami veiksmai, kuriuos galite išbandyti:

• Atidarykite „iPad“ / „iPhone“ nustatymų programą.
• Kairiojoje naršymo srityje spustelėkite Safari .

„Safari“ nustatymų atidarymas „iPad“ arba „iPhone“.

• Tada dešinėje pusėje slinkite žemyn, kad surastumėte ir pasirinkite Išplėstinė .

„Web Inspector“ aktyvinimas „iPad“ ir „iPhone“.

• Suaktyvinkite žiniatinklio inspektoriaus jungiklį .
• Dabar prijunkite mobilųjį įrenginį prie „Mac“ naudodami USB .
• Įgaliokite „iPhone“ / „iPad“ sistemoje „Mac“.
• Atidarykite bet kurią svetainę mobiliajame įrenginyje naudodami „Safari“.
• Dabar „Mac“ kompiuteryje paleiskite „Safari“ ir viršutinėje meniu juostoje pasirinkite „Develop“ .
• Atsidariusiame kontekstiniame meniu ieškokite savo mobiliojo įrenginio pavadinimo.
• Užveskite pelės žymeklį ant mobiliojo įrenginio, kad peržiūrėtumėte visas atidarytas svetaines.
• Dabar pasirinkite bet kurią svetainę, kad peržiūrėtumėte HTML ir CSS šaltinio kodus „Mac“ „Safari“ naršyklėje.

Išvada

Ištyrėte visus galimus būdus, kaip naudoti įrankį Apžiūrėti elementą laikinai redaguoti tinklalapį. Taip pat sužinojote, kaip patikrinti įvairių įrenginių, pvz., „Mac“, „Windows“, „Chromebook“, „iPad“ ir „iPhone“, elementus.

Kitą kartą, kai norite pakeisti tinklalapį pramogai ar dėl profesinių poreikių, išbandykite šiuos metodus. Jums tikrai patiks šie lengvi žingsniai, o ne kiti sudėtingi metodai, paaiškinti kitur.

Nepamirškite toliau palikti komentarų, jei pirmiau minėti veiksmai jums padėjo, koks nors metodas, kuris jums atrodo sudėtingas, arba kokių nors slaptų patarimų apie įrankį Apžiūrėti elementą.

Reikia tinklalapio kaip spausdintos nuorodos? Sužinokite, kaip greitai išsaugoti tinklalapį PDF formatu dabar!