Veebilehtede redigeerimine Safaris kontrollielemendi abil

Oma Inspect Elementi tööriistaga võimaldab Safari teil näpunäiteid teha mis tahes veebilehe esiosa koodiga. Kui soovite testida, kuidas leht näeks välja erineva teksti või piltidega, saate seda teha, muutes selle koodi funktsiooniga Inspect Element.

See on lihtne juhend algajatele, et selgitada, kuidas saate alustada Safaris Inspect Elementi katsetamist, et redigeerida veebisaidi teksti ja pilte minimaalsete kodeerimisteadmistega.

Mis on kontrolli element?

Inspect Element on arendaja tööriist. See on saadaval Safaris, kuid ka teistes veebibrauserites, nagu Chrome, Firefox ja Edge. Funktsiooni Inspect Element abil saate piiluda veebisaidi eesriide taha, et paljastada selle esiotsa kood (nt HTML ja CSS). Kuid see ei anna teile taustaprogrammi nähtavust, nagu selle andmebaasid.

Seda koodi mitte ainult ei näe, vaid saate ka muuta. See tähendab, et saate muuta veebisaidi välimust. Saate pilti asendada, osa teksti ümber sõnastada, kasutada teist fonti, muuta selle värviskeemi ja palju muud. Need toimetused on aga kohalikud. Nad ei ilmu kellelegi teisele peale sinu; need kaovad, kui lehte värskendate või lahkute.

Miks peaksite kasutama kontrollielementi?

Inspect Element on suurepärane tööriist, kui olete algaja veebiarendaja. Saate sõna otseses mõttes näha koodi, mis juhib teie lemmikveebisaiti, muutes seda reaalses keskkonnas vastavalt oma soovile. Seal on palju lõbusaid teadmisi, mida saate Inspect Elementi kasutamisest saada.

Näiteks võivad ettevõtete omanikud vaadata konkurendi veebisaidil sisalduvaid märksõnu või disainerid fondi tuvastamiseks kasutage Inspect Elementi mida nad peavad atraktiivseks, või katsetada kiiresti oma veebisaidil teist värviskeemi.

Praegu keskendume veebilehe põhitõdede redigeerimisele funktsiooni Inspect Element abil.

Kuidas Safaris Inspect Elementi juurde pääseda

Saate avada Inspect Element Safaris arendaja menüü kaudu:

1. Avage Safari.
2. Klõpsake Safari ülemisel menüüribal.
3. Valige rippmenüüst Eelistused.
4. Valige Täpsemalt valik.
5. Märkige ruut, mis ütleb Kuva menüü Arendusmenüü menüüribal.

Pärast selle valiku valimist saate seda teha paremklõps veebilehel ja valige Kontrollige elementi. Teise võimalusena saate valida Arendada menüüribal ja seejärel Näita veebiinspektorit.

Kuidas leida veebielemente jaotises Inspect Element

Elemendi redigeerimise alustamiseks paremklõps mida soovite muuta ja klõpsake Kontrollige elementi. See avab arendaja akna, kus vastav jaotis on esile tõstetud. Võite avastada, et konkreetne element, mida soovite elementida (näiteks pilt või tekst), on peidetud; selle leidmiseks kasutage nuppu nooled pesastatud jaotiste laiendamiseks.

Valiku kitsendamiseks klõpsake nuppu sihtmärgi ikoon tööriistaribalt Inspect Element. Nüüd, kui te koodis navigeerite, tõstab see veebisaidi selle jaotise esile. Või saate saidi jaotise määramiseks kasutada kursorit. See on mugav, kui soovite veebilehe rahvarohkes piirkonnas millegi konkreetsega tegeleda.

Veebisaidi teksti redigeerimine kontrollielemendi abil

Kui soovite muuta tekstiosa pärast saidi lähtekoodist leidmist redigeeritavaks, topeltklõps seda. Saate sisestada uue teksti otse koodi või kustutada olemasoleva teksti. Kui antud tekstistringi redigeerimine on lõpetatud, vajutage nuppu Sisenemaja veebilehel olev tekst muutub.

See on tõesti nii lihtne! Ainsad korrad, mis see ei toimi, on siis, kui tekst on tegelikult osa pildist, näiteks logost.

Kuidas redigeerida veebisaidi kujutisi kontrollielemendi abil

Kui pildid kuvatakse teile esiotsas visuaalselt, siis veebisaidi koodis kuvatakse need linkidena. Sa saad paremklõps ja pilt ja vali Kontrollige elementi et liikuda koodis selle pildi asukohta. Veebisaidi piltidel on tavaliselt JPG-, GIF- või PNG-faililaiendid, kuigi mitte ainult.

Topeltklõps need pildistringid ja saate neid redigeerida või soovi korral lihtsalt oma süsteemi salvestada. Kui soovite pilti asendada, lülitage see asenduspildi URL-i jaoks välja. Või võite koodistringi täielikult kustutada, et pilt vaatest eemaldada.

Tutvuge veebisaitidega Safari abil

Safari tööriist Inspect Element võimaldab teil hõlpsalt leida ja muuta tekstile ja piltidele vastavat koodi, mis on sama lihtne kui teksti või URL-i stringi väljalülitamine. Kui olete Inspect Elementiga veebisaidi redigeerimise lõpetanud, värskendage lihtsalt lehte ja kõik läheb tagasi normaalseks.

Kuidas muuta oma brauseri kasutajaagenti ja trikke veebisaite

Loe edasi

Autori kohta