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!
Pavargote nuo „Microsoft Edge“ kelių profilių sinchronizavimo konflikto, gadinančio jūsų naršymą? Atraskite nuoseklius sprendimus, kaip išspręsti sinchronizavimo klaidas, sujungti profilius ir sklandžiai sinchronizuoti skirtinguose įrenginiuose. Veikia naujausiose „Edge“ versijose!
Pavargote nuo „Microsoft Edge“ sinchronizavimo pristabdymo paskyros klaidos, trukdančios naršyti? Atraskite greitus ir veiksmingus trikčių šalinimo veiksmus, kad atkurtumėte sklandų sinchronizavimą visuose įrenginiuose. Atnaujinta su naujausiais pataisymais, kad galėtumėte be vargo naudotis „Edge“.
Išspręskite erzinančią neatpažinto disko klaidą, kai „Xbox Series X|S“ žaidimuose žaidžiama su atgaline versija. Vadovaukitės mūsų patikrintais, nuosekliais sprendimais, kad akimirksniu atkurtumėte savo klasikinių žaidimų biblioteką.
Kyla problemų dėl „Microsoft Edge“ „Windows Hello“ PIN kodo nustatymo iš naujo klaidos? Atraskite nuoseklius sprendimus, kad ją greitai išspręstumėte. Atgaukite prieigą prie naršyklės be jokių nusivylimų – atnaujinta pagal naujausius „Windows“ naujinimus.
Kyla problemų dėl tuščio balto ekrano „Microsoft Edge“ paleidimo metu? Atraskite nuoseklius sprendimus, kaip išspręsti tuščio balto ekrano problemą „Edge“ naršyklėje – nuo greito nustatymo iš naujo iki išplėstinio taisymo. Grįžkite prie sklandaus naršymo!
Žingsnis po žingsnio vadovas, kaip sukurti „Microsoft Edge“ duomenų, pvz., žymių, slaptažodžių, istorijos ir nustatymų, atsarginę kopiją prieš sistemos atkūrimą. Apsaugokite pagrindinius naršymo duomenis paprastais ir patikimais metodais.
Vai jums ir grūtības ar spītīgu Microsoft Edge operētājsistēmā Windows 11? Iepazīstieties ar soli pa solim sniegto rokasgrāmatu, lai 2026. gadā pilnībā atinstalētu Microsoft Edge no Windows 11. Nekādu pēdu — drošas, efektīvas metodes, izmantojot PowerShell un citas iespējas!
Užstrigote ties „Microsoft Edge Capture Card No Signal 60FPS“ klaida? Atraskite patikrintus sprendimus, kaip atkurti signalą, sklandžiai pasiekti 60FPS ir transliuoti be vėlavimų. Žingsnis po žingsnio vadovas, kaip gauti rezultatus akimirksniu!
Pavargote nuo erzinančios „Microsoft Edge“ gretutinės konfigūracijos klaidos? Atraskite paprastus, nuoseklius sprendimus, kurie padės ją greitai išspręsti ir atkurti sklandų naršymą. Atnaujinta su naujausiais sprendimais!
Užstrigote su „Microsoft Edge“ diegimo klaida 124? Gaukite nuoseklius sprendimus, kad greitai išspręstumėte diegimo problemas. Patikrinti sprendimai sklandžiam „Edge“ diegimui sistemoje „Windows“. Nereikia jokių techninių įgūdžių!
