Običajno pri urejanju spletne strani uporabljamo določeno orodje za urejanje, kot so Adobe Dreamweaver, CoffeeCup, Bluefish ali eno od drugih razvojnih orodij. Kaj pa, če samo razmišljamo o možganih ali želimo nekaj preizkusiti na strani v živo? V izbranem orodju lahko naredimo kopijo strani in se s tem poigramo. Ali pa bi to lahko storili v našem spletnem brskalniku. Ta vadnica vam bo pokazala, kako urejati spletno stran v brskalniku.
Firefox, imenovan kot orodja za razvijalce, pokliče funkcijo Inspect Element, medtem ko Chrome imenuje Inspect. Kakor koli, brskalnik je tako, da pokuka izza svojega zaslona in si ogleduje kodo, ki ga poganja. Ta funkcija je precej dobro znana in se veliko uporablja. Kar ni tako dobro znano, je zmožnost spreminjanja te kode na poti.
Vsaka sprememba, ki jo vnesete, ne bo shranjena in ne bo vplivala v živo. Če ne želite naložiti strani v orodje za razvijalce, je to čist način eksperimentiranja.
Uredite katero koli spletno stran v svojem brskalniku
Dreamweaver in podobna orodja imajo vgrajen emulator brskalnika, ki simulira videz zasnove v različnih brskalnikih. Kolikor so dobri, niso vedno natančni in ob zagonu spletnega mesta pogosto ugotovite, da je tisto, kar je v vašem orodju za razvijalce videti fantastično, v samostojnem brskalniku videti nekoliko drugače.
Običajno bi spletno mesto zagnali na notranjem spletnem strežniku in se preizkusili v brskalniku, preden bi ravno iz tega razloga lansirali v živo. Če je stran že objavljena ali želite nekaj poskusiti, je ni treba kopirati in naložiti v svoje orodje za razvoj, lahko preprosto uporabite brskalniško orodje za razvijalce.
Uporabljam Firefox, zato vam bom pokazal, kako to uporabljati. Chrome je skoraj enak.
- Odprite spletno stran, s katero želite eksperimentirati, v svojem brskalniku.
- Z desno miškino tipko kliknite kjer koli na strani in izberite Pregled.
Videti bi bilo treba, da se vaša stran razdeli na dve, na dnu pa se prikaže novo podokno z nekaj kode. Ta koda je gonilna sila strani, ki ste jo izbrali. Različni elementi strani so dostopni na zavihkih na vrhu spodnjega zavihka. Na primer vidimo v Firefoxu Inspector, Console, Debugger, Urejevalnik stilov in tako naprej.
Če pokažite kazalec nad črtami v spodnjem podoknu, boste videli različne dele osvetlitve spletne strani. Vrstica kode, ki jo imate med osvetlitvijo, je koda, ki vpliva na tisti del strani.
- Če se želite poigrati s tem, kako stran izgleda, poskusite urejevalnik stilov.
- Če se želite poigrati s tem, kako stran deluje, poskusite s konzolo ali dostopnostjo.
- Če želite odpraviti napake ali rešiti težavo, uporabite Console ali Debugger
Zmogljivost je uporabna za SEO na kraju samem, vendar se pomnilnika, omrežja in pomnilnika ne uporabljajo toliko.
Ne pozabite, da se lahko v orodjih za razvijalce nereda kolikor želite in to ne bo vplivalo na spletno mesto. Kakršne koli spremembe se spremenijo samo v tem, kako je stran prikazana v vašem posameznem brskalniku, na samo spletno mesto ne vplivate. Ko zaprete orodje, se izgubijo vse spremembe.
Spreminjanje strani
Zdaj veste, da lahko spremenite vse, kar vam je všeč, ne da bi to vplivalo na dejansko spletno mesto, se malo zabavajmo. Na strani poiščite element, ki ga želite urediti. Lahko spremenite pisavo, barvo pisave, ozadje slike ali karkoli želite. V tem primeru bom spremenil barvo pisave naslova pasice.
- Z desno miškino tipko kliknite točen element, ki ga želite spremeniti, in izberite Pregled.
- Označite vrstico bodisi z naslovom ali s H1, tako da je besedilo označeno v zgornjem podoknu.
- Pomaknite se na levi dve podokni in poiščite barvo pisave.
- Spremenite vrednost v nekaj drugega ali izberite barvno piko, da uporabite izbirnik.
Sprememba se bo prikazala dinamično, ko jo spremenite. Lahko spremenite barvo, velikost, pisavo, ozadje in vse o pisavi. Dela ne morete shraniti, vendar bodo spremembe ostale za to sejo.
Lahko spremenite vse o strani, ki je idealna, če imate idejo in jo želite hitro preveriti, preden sprožite vse svoje razvojne aplikacije. Vse, kar morate storiti, je, da se spomnite, katere spremembe ste naredili in kam jih tukaj ne morete shraniti. Posneti morate posnetek zaslona ali posneti spremembe in jih kopirati v orodjih za razvijalce.
Urejanje spletne strani v brskalniku je prijeten način za eksperimentiranje ali igranje s stranmi. To je tudi dober način, da se naučite malo o spletnem razvoju, ne da bi morali kupovati v draga orodja za razvijalce. Zdaj veste, kako, pojdite in se igrajte!
