Parasti, rediģējot tīmekļa lapu, mēs izmantojam īpašu rediģēšanas rīku, piemēram, Adobe Dreamweaver, CoffeeCup, Bluefish vai kādu citu attīstības rīku. Bet kā būtu, ja mēs vienkārši domājam ar prātu un vēlamies kaut ko izmēģināt dzīvā lapā? Mēs varētu izgatavot lapas kopiju izvēlētajā rīkā un ar to paspēlēties. Vai arī mēs to varētu izdarīt mūsu tīmekļa pārlūkprogrammā. Šī apmācība parādīs, kā rediģēt Web lapu pārlūkprogrammā.
Firefox, kas tiek dēvēts par izstrādātāja rīku, izsauc funkciju Pārbaudīt elementu, savukārt Chrome to sauc par Pārbaudīt. Katrā ziņā tas ir veids, kā pārlūks var palūrēt aiz jūsu dizaina spožuma un apskatīt kodu, kas to virza. Šī funkcija ir diezgan labi zināma un tiek daudz izmantota. Kas nav tik labi zināms, ir spēja mainīt šo kodu lidojuma laikā.
Visas veiktās izmaiņas netiks saglabātas, un tās neietekmēs tiešraidi. Ja nevēlaties ielādēt lapu izstrādātāja rīkā, tas ir veikls veids, kā eksperimentēt.
Rediģējiet jebkuru tīmekļa lapu pārlūkprogrammā
Dreamweaver un tādiem rīkiem kā iebūvēts pārlūka emulators, kas simulē, kā dizains izskatīsies dažādās pārlūkprogrammās. Lai arī cik labi tie būtu, tie ne vienmēr ir precīzi, un, atverot vietni, bieži vien tiek secināts, ka tas, kas jūsu izstrādātāja rīkā izskatījās fantastiski, atsevišķā pārlūkā izskatās nedaudz atšķirīgs.
Parasti jūs atvērsit vietni iekšējā tīmekļa serverī un pārbaudīsit pārlūkprogrammā pirms tiešraides palaišanas tieši šī iemesla dēļ. Ja lapa jau ir aktivizēta vai jūs vienkārši vēlaties kaut ko izmēģināt, nav nepieciešams to kopēt un ielādēt savā izstrādes rīkā, varat vienkārši izmantot pārlūka izstrādātāja rīku.
Es izmantoju Firefox, tāpēc es parādīšu, kā to izmantot. Tomēr Chrome ir gandrīz vienāds.
- Atveriet tīmekļa lapu, kurā vēlaties eksperimentēt, savā pārlūkprogrammā.
- Ar peles labo pogu noklikšķiniet jebkurā lapas vietā un atlasiet Pārbaudīt.
Jums vajadzētu redzēt, ka jūsu lapa ir sadalīta divās daļās, un apakšā tiek parādīta jauna rūts ar tajā ietvertu kodu. Šis kods ir jūsu izvēlētās lapas virzītājspēks. No cilnēm apakšējās cilnes augšdaļā ir pieejami dažādi lapas elementi. Piemēram, Firefox mēs redzam inspektoru, konsoli, atkļūdotāju, stila redaktoru un tā tālāk.
Pārvietojot kursoru virs apakšējā rūtī esošajām līnijām, jūs redzēsit dažādas Web lapas daļas izceltas. Koda rinda, kurā atrodaties izcēluma laikā, ir kods, kas ietekmē šo lapas daļu.
- Ja vēlaties izzināt lapas izskatu, izmēģiniet stila redaktoru.
- Ja vēlaties paskaidrot, kā darbojas lapa, izmēģiniet Console vai Accessibility.
- Ja vēlaties atcelt kļūdas vai atrisināt problēmu, izmantojiet konsoli vai atkļūdotāju
Veiktspēja ir noderīga vietnes SEO, bet atmiņa, tīkls un krātuve netiek izmantoti tik daudz.
Atcerieties, ka izstrādātāja rīkos varat izklaidēties tik daudz, cik vēlaties, un tas neietekmēs vietni. Visas izmaiņas tiek veiktas tikai tajā, kā lapa tiek parādīta jūsu individuālajā pārlūkprogrammā, un jūs neietekmējat pašu vietni. Aizverot rīku, visas izmaiņas tiek zaudētas.
Lapu izmaiņu veikšana
Tagad jūs zināt, ka varat mainīt visu, kas jums patīk, neietekmējot faktisko vietni, izklaidēsimies mazliet. Lapā atrodiet elementu, kuru vēlaties rediģēt. Jūs varētu mainīt fontu, fonta krāsu, fona attēlu vai visu, kas jums patīk. Šajā piemērā es mainīšu reklāmkaroga virsraksta fonta krāsu.
- Ar peles labo pogu noklikšķiniet uz precīzā elementa, kuru vēlaties mainīt, un atlasiet Pārbaudīt.
- Iezīmējiet līniju ar vai nu 'virsraksts', vai 'H1', lai teksts tiktu iezīmēts augšējā rūtī.
- Pārvietojieties pa kreisi uz divām rūtīm un atrodiet fonta krāsu.
- Mainiet vērtību uz kaut ko citu vai atlasiet krāsu punktu, lai izmantotu selektoru.
Jūsu izmaiņas parādīsies dinamiski, kad būsit pabeidzis izmaiņas. Jūs varat mainīt krāsu, lielumu, fontu, fonu un visu par fontu. Darbu nevar saglabāt, taču izmaiņas tiks saglabātas šai sesijai.
Jūs varat mainīt visu lapu, kas ir ideāla, ja jums ir ideja un vēlaties to ātri pārbaudīt, pirms aktivizējat visas savas attīstības lietotnes. Viss, kas jums jādara, ir atcerēties, kādas izmaiņas esat veicis un kur tās nevar saglabāt šeit. Jums būs jāuzņem ekrānuzņēmums vai jāreģistrē izmaiņas un replicēt tās izstrādātāja rīkos, lai tās būtu pielīmētas.
Tīmekļa lapas rediģēšana pārlūkprogrammā ir glīts veids, kā eksperimentēt vai spēlēt ar lapām. Tas ir arī labs veids, kā nedaudz uzzināt par tīmekļa attīstību, neiegūstoties no dārgiem izstrādātāju rīkiem. Tagad jūs zināt, kā, dodieties un spēlējiet!
