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:
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
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:
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:
Sėkmingai įgalinote kūrėjo įrankius „Safari“, skirtoje „Mac“. Dabar, norėdami naudoti tikrinimo elementą, atlikite šiuos veiksmus:
Kokie yra elemento tikrinimo raktai?
Galbūt ieškote „Inspect Element“ nuorodų „Mac“. Galite naudoti šiuos dalykus:
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:
„Safari“ nustatymų atidarymas „iPad“ arba „iPhone“.
„Web Inspector“ aktyvinimas „iPad“ ir „iPhone“.
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!
Įvaldykite nuotolinį darbą ir mokymąsi naudodami „Microsoft Edge“. Išmokite esminių funkcijų, tokių kaip kolekcijos, įtraukianti skaitytuvė ir „Copilot“ integracija, kad sklandus produktyvumas ir mokymasis būtų kuo geresni. Padidinkite efektyvumą jau šiandien!
Pavargote nuo „Microsoft Edge MSI“ klaidos 1722, blokuojančios diegimą? Atraskite patikrintus, nuoseklius „Windows Installer“ klaidų taisymus, kad greitai atkurtumėte sklandų naršymą.
Kyla problemų dėl „Microsoft Edge PowerShell ISE“ klaidos 2026? Atraskite nuoseklius sprendimus, kurie padės greitai išspręsti šią varginančią problemą. Atnaujinta su naujausiais sklandaus naršymo ir scenarijų kūrimo metodais.
Kyla problemų dėl „Microsoft Edge“ klaidos „Negalima skaityti arba rašyti į duomenų katalogą“? Atraskite patikrintus, nuoseklius sprendimus, kaip atkurti sklandų naršymą. Greiti sprendimai „Windows“ naudotojams – nereikia jokių techninių įgūdžių!
Pavargote nuo erzinančios „Microsoft Edge Untitled“ klaidos, dėl kurios naršyklė užstringa paleidžiant? Vadovaukitės mūsų nuosekliu vadovu su greitais pataisymais, kad išspręstumėte problemą visam laikui ir atkurtumėte sklandų naršymą. Atnaujinta su naujausiais „Edge“ pataisymais.
„Microsoft Edge“ naršyklėje susiduriate su klaida „DirectX 12 Features Not Supported“? Atraskite nuoseklius trikčių šalinimo sprendimus, kad sklandus „WebGL“, žaidimų ir grafikos spartinimas būtų greitas ir efektyvus. Greiti ir veiksmingi sprendimai viduje!
Kyla problemų dėl „Microsoft Edge 400“ blogos užklausos antraštės klaidos? Atraskite patikrintus trikčių šalinimo veiksmus, kad ją greitai išspręstumėte – nuo talpyklos išvalymo iki išplėstinių pataisymų. Grįžkite prie sklandaus naršymo jau šiandien!
Sužinokite, kaip tiksliai nustatyti „Microsoft Edge“ kaip numatytąją PDF peržiūros programą sistemoje „Windows“. Padidinkite greitį, saugumą ir paprastumą su mūsų paprastu, naujausiu vadovu – nereikia jokių techninių įgūdžių!
Sunku išspręsti „Microsoft Edge“ paleisties spartinimo problemą, dėl kurios naudojama daug disko? Atraskite nuoseklius sprendimus, kurie padės sustabdyti delsą, padidinti našumą ir atkurti kompiuterio greitį. Atnaujinta su naujausiais „Edge“ pakeitimais, kad naršymas būtų sklandus.
Pavargote nuo erzinančio „Edge“ naršyklės ekrano mirgėjimo ir trikdžių? Vadovaukitės šiuo nuosekliu „Microsoft Edge“ trikčių šalinimo vadovu, kad greitai išspręstumėte problemas ir vėl galėtumėte mėgautis sklandžiu naršymu. Veikia su naujausiomis versijomis.
