Naudodama įrankį Inspect Element, „Safari“ leidžia tvarkyti bet kurio tinklalapio priekinį kodą. Jei norite išbandyti, kaip puslapis atrodytų su skirtingu tekstu ar vaizdais, tai galite padaryti pakeisdami jo kodą naudodami tikrinimo elementą.

Tai paprastas vadovas, skirtas pradedantiesiems, siekiant paaiškinti, kaip galite pradėti eksperimentuoti su „Inspect Element“ programoje „Safari“, kad galėtumėte redaguoti svetainės tekstą ir vaizdus su minimaliomis kodavimo žiniomis.

Kas yra tikrinti elementą?

Inspect Element yra kūrėjo įrankis. Jis pasiekiamas „Safari“, tačiau taip pat ir kitose žiniatinklio naršyklėse, pvz., „Chrome“, „Firefox“ ir „Edge“. Naudodami Inspect Element galite žvilgtelėti už svetainės uždangos ir atskleisti jos priekinį kodą, pvz., HTML ir CSS. Tačiau tai nesuteikia jums galinio įrenginio matomumo, kaip ir jos duomenų bazių.

Galite ne tik pamatyti šį kodą, bet ir jį pakoreguoti. Tai reiškia, kad galite pakeisti svetainės išvaizdą. Galite pakeisti vaizdą, perfrazuoti tekstą, naudoti kitą šriftą, pakeisti jo spalvų schemą ir kt. Tačiau šie pakeitimai yra vietiniai. Jie nepasirodys niekam kitam, išskyrus jus; jie išnyksta, kai atnaujinate puslapį arba nutolsite nuo puslapio.

instagram viewer

Kodėl turėtumėte naudoti tikrinimo elementą?

Inspect Element yra puikus įrankis, jei esate pradedantis žiniatinklio kūrėjas. Galite tiesiogine prasme pamatyti kodą, kuris valdo jūsų mėgstamą svetainę, ir pritaikyti ją taip, kaip norite realioje aplinkoje. Yra daug smagių įžvalgų, kurias galite gauti naudodami „Inspect Element“..

Pavyzdžiui, įmonių savininkai gali peržiūrėti raktinius žodžius, įtrauktus į konkurento svetainę, o dizaineriai – gali naudokite Inspect Element, kad nustatytumėte šriftą kurie jiems atrodo patrauklūs, arba greitai išbandyti kitą spalvų schemą savo svetainėje.

Šiuo metu daugiausia dėmesio skirsime tinklalapio pagrindų redagavimui naudojant tikrinimo elementą.

Kaip pasiekti tikrinimo elementą „Safari“.

Galite atidaryti „Inspect Element“ „Safari“ naudodami kūrėjo meniu:

  1. Atidarykite „Safari“.
  2. Spustelėkite Safari viršutinėje meniu juostoje.
  3. Išskleidžiamajame meniu pasirinkite Parinktys.
  4. Pasirinkite Išplėstinė variantas.
  5. Pažymėkite langelį, kuriame sakoma Meniu juostoje rodyti meniu Kūrimas.

Pasirinkę šią parinktį galite dešiniuoju pelės mygtuku spustelėkite tinklalapyje ir pasirinkite Tikrinti elementą. Arba galite pasirinkti Tobulėti meniu juostoje, tada Rodyti žiniatinklio inspektorių.

Kaip rasti žiniatinklio elementus skiltyje Inspect Element

Norėdami pradėti redaguoti elementą, dešiniuoju pelės mygtuku spustelėkite ką norite redaguoti ir spustelėkite Tikrinti elementą. Bus atidarytas kūrėjo langas, kuriame bus paryškinta atitinkama skiltis. Galite pastebėti, kad tam tikras elementas, kurį norite įtraukti (pvz., vaizdas arba tekstas), yra paslėptas; norėdami jį rasti, naudokite rodyklėmis kairėje, kad išplėstumėte įdėtas dalis.

Norėdami susiaurinti pasirinkimą, spustelėkite tikslo piktograma iš įrankių juostos Apžiūrėti elementą. Dabar, kai naršote kodą, jis pabrėžia tą svetainės skyrių. Arba galite naudoti žymeklį, kad tiksliai nurodytumėte svetainės skyrių. Tai patogu, kai norite patobulinti ką nors konkretaus perpildytoje tinklalapio srityje.

Kaip redaguoti svetainės tekstą naudojant tikrinimo elementą

Jei norite, kad teksto dalis būtų redaguojama, radus ją svetainės šaltinio kode, dukart spustelėkite tai. Galite įvesti naują tekstą tiesiai į kodą arba ištrinti esamą tekstą. Baigę redaguoti tam tikrą teksto eilutę, paspauskite Įeikite, ir tinklalapio tekstas pasikeis.

Tai tikrai taip paprasta! Vieninteliai atvejai, kai tai neveiks, yra tada, kai tekstas iš tikrųjų yra vaizdo dalis, pavyzdžiui, logotipas.

Kaip redaguoti svetainės vaizdus naudojant tikrinimo elementą

Nors vaizdai jums atrodo vizualiai priekinėje dalyje, svetainės kode jie rodomi kaip nuorodos. Tu gali dešiniuoju pelės mygtuku spustelėkite ir vaizdas ir pasirinkti Tikrinti elementą kad pereitumėte į vietą, kurioje kode yra tas vaizdas. Svetainės vaizdai paprastai turi JPG, GIF arba PNG failų plėtinius, tačiau ne tik.

Dukart spustelėkite šias vaizdų eilutes ir galite jas redaguoti arba, jei norite, tiesiog išsaugoti savo sistemoje. Jei norite pakeisti vaizdą, išjunkite jį ir pakeiskite vaizdo URL. Arba galite visiškai ištrinti kodo eilutę, kad vaizdas nebūtų rodomas.

Naršykite svetaines naudodami „Safari“.

„Safari“ tikrinimo elemento įrankis leidžia lengvai rasti ir pakeisti kodą, atitinkantį tekstą ir vaizdus, ​​o tai taip pat paprasta, kaip išjungti teksto ar URL eilutę. Baigę redaguoti svetainę naudodami Inspect Element, tiesiog atnaujinkite puslapį ir viskas grįš į įprastas vėžes.

Kaip pakeisti savo naršyklės vartotojo agentą ir apgaulingas svetaines

Skaitykite toliau

DalintisTviteryjeDalintisEl. paštas

Susijusios temos

  • Mac
  • „Safari“ naršyklė
  • Interneto kūrimas

Apie autorių

MUO darbuotojai

Prenumeruokite mūsų naujienlaiškį

Prisijunkite prie mūsų naujienlaiškio, kad gautumėte techninių patarimų, apžvalgų, nemokamų el. knygų ir išskirtinių pasiūlymų!

Norėdami užsiprenumeruoti, spustelėkite čia