Vmіnnya pakeisti puslapio išėjimo kodą– korisna navichka klestinčiam internautui. Be HTML kodo pakeitimo, galite pakeisti atrakintą tinklalapį, kaip norite. Ši statistika aiški, kaip pakeisti puslapio kodą iš Google Chrome. Tačiau kitose naršyklėse viskas veikia taip pat, todėl problemų nekyla.

Kas yra šoninio puslapio HTML kodas?

Puslapyje, kurį atidarote naršyklėje, yra HTML žymėjimo kodas. Šis kodas yra žymos ir tekstas. Žymos yra žymekliai, nurodantys naršyklei, kaip rodyti tam tikrą svetainės dalį. Tekstas yra paskutinė puslapio dalis, kurią vartotojas turi perskaityti. Be to, prie puslapio galima pridėti CSS stilių, kad būtų galima nustatyti puslapio elementų išvaizdą. Shchob pakeisti svetainės išėjimo kodą Jums nereikia nuodugniai išmanyti HTML ir CSS, ir netrukus sužinosite.

Ar laikas pakeisti savo tinklalapį?

Galite pakeisti duomenis svetainėje, pakeisti pranešimo tekstą arba sukurti netikrą ekrano kopiją. Įsitikinkite, kad visi pakeitimai jums nematomi ir nebus rodomi, kai vėl įtrauksite puslapį. Be to, duomenų pakeitimai nebus realūs. Pavyzdžiui, jei aš turiu 10 dolerių ir pakeisiu į 100, tada aš neturėsiu daugiau centų. Tai reiškia, kad naršyklė nerodo puslapio. Užpakalis:

Įrašas:

Pavyzdžiui, paimsiu šią svetainę ir pakeisiu straipsnio priekinį skelbimą „“ Atidarykite pagrindinį puslapį „Google Chrome“. Dešiniuoju pelės mygtuku spusteliu elementą, kurį noriu pakeisti, pavyzdžiui, skelbimo pavadinimą ir pasirenku „Žiūrėti kodą“.

Lange eikite į skirtuką Elementai ir įveskite puslapio HTML kodą. Kažkas turi žinoti mums svarbų tekstą. (papildymas su kirmėlėmis)

Dabar matau seną tekstą ir rašau nauju.

Skelbimo ašis ir visi pavadinimai buvo pakeisti. Dabar sugadinsiu patį skelbimą, žymes ir skyrių.

Galite įterpti kitą vaizdą pakeisdami atributą src img pavadinime.

1 balsas

Labas rytas, kolegos mano tinklaraščio skaitytojai. Svetainėje galite rasti puikų triuką ir pradėti nerimauti, kaip pasiekti tokį puikų efektą.

Pasirodo, žinoti atsakymą lengva. Ir jei turite tam tikrų pagrindinių žinių, galite pasirinkti daugybę šių gudrybių ir per trumpą valandą sukurti savo unikalią svetainę.

Šiandien kalbėsime apie tai, kaip atrakinti puslapio kodą, dainos elementą ir išmokti panaudoti šį įgūdį savo naudai.

Pagrindinės žinios apie kodą

Mano svetainė skirta naujokams ir norėčiau sužinoti keletą žodžių apie svetaines ir kodą apskritai.

Norėdami nupiešti paveikslėlį, supjaustykite jį į mažesnes dalis, parašykite kodą, kad bet kuri naršyklė vėl surinktų visus elementus vienoje vietoje. Ar viskas atrodo pernelyg sudėtinga? Iš viso nėra gerai apibendrinti šį važiavimą.

Kai kurios svetainės sukurtos būtent taip. Jei norite, įeikite čia dešinėje ir palaukite, nereikia jaudintis – niekas jūsų netrukdys.

Pasakysiu tik vieną dalyką... nėra nieko gero, išskyrus tai, kad jūsų parašyti nesąmoningi žodžiai virsta viena visuma ir atgyja: žinutės veikia, mygtukai griūva, nuotraukos griūva, tekstas juda. Manau, kad žinau, kaip jaučiau Viktorą Frankenšteiną.

Kai pradedi suvokti tamsią kalbą ir supranti, kad viskas iš tikrųjų yra daug paprasčiau, tiesiog iš karto atrodė taip paprasta, negali nepatikėti smegenų galia ir gebėjimais. Tai gana šaunu.

Kaip atsiriboti nuo svetainės? Idealiu atveju aš sustosiu. Vinas tiesiog piešia paveikslą. Pavyzdžiui, kaip parodyta ant kūdikio žemiau. Kol kas nėra nei vaizdo, nei fotografijos. Nevykdykite pranešimo, paspaudę niekur neikite, paieška neveiks.

Dėl šio mažylio. Pažvelkite į toliau pateiktą ekrano kopiją. Galbūt manote, kad tai paprastas ir sudėtingas simbolių rinkinys. Realiai viskas nebėra taip sudėtinga, yra paprastas algoritmas.

Yra apie 150 žymų ir jų skinai reprezentuoja dainą: išsiųsta, perkelta, rodoma paryškintu šriftu, spalva, pavadinimas ir pan. Į juos sugrįžti nėra taip sunku, nes tai būtina ir ne bet kada.

Išmanyti šias savybes galima praktiškai bet kurioje situacijoje. Tik kelio už odos pasiekiamumo ašis yra žinoti savo.

Pasiekę kūrėjai turi sunkiai dirbti, kad pasiektų rezultatų, o kiti turi galvoti, ieškoti įrodymų iš straipsnių ir konkurentų išvesties kodo. Jums tereikia paimti reikiamą dalį iš trečiosios šalies svetainės ir patiems ją redaguoti. Tai žymiai pagreitina darbo procesą.

Netrukus aš jums parodysiu konkretų užpakaliuką.

Kodo peržiūra

Tėve, leiskite man iš karto parodyti, kaip tai padaryti, jei reikia atpažinti kažkieno html. Tada mes atidžiau pažvelgsime į visus kitus maisto produktus.

Geriausias būdas

Metodas, kurį aprašysiu pirmajam, pradedantiesiems yra šiek tiek paprastas, bet supratimo dėlei – pirmyn, skaitykite. Atidarykite puslapį ir paspauskite dešinįjį pelės mygtuką. Pasirinkite elementą „Išsaugoti kaip...“

Kruopščiai apsaugokite svetainę. Kaip matote iš ekrano kopijos, aš jau viską užfiksavau iš toli. Čia turime du aplankus.

Viskas, ko jums reikia, yra čia. Odinis elementas. Jei žinote, kas tai yra, galite greitai išvengti visko, ko jums reikia. Ir vis dėlto dykuma vis labiau apleista. Atsisiuntimas neveiks. Ką daryti, jei jis užblokuotas nuo kopijavimo pusės?

Tse f Google Chrome

Kaip jau tikriausiai pastebėjote, aš dažniausiai naudoju „Google Chrome“ ir sužinoti apie kieno nors kito kodą jūsų naršyklėje taip pat paprasta, kaip išgliaudyti kriaušes. Iš principo ir bet kokiu kitu būdu. Schema bus ne panaši, o identiška. Atsidarome puslapį, kurio kodą norime atpažinti, ir dešiniuoju pelės mygtuku paspaudžiame bet kurią vietą. Atsidariusiame lange spustelėkite „Žiūrėti puslapio kodą“.

Atsidarys naujas langas su kodu, kurį pradedantiesiems bus sunku pradėti naudoti. Ale, nešauk anksti.

Jei reikia atpažinti tik vieno elemento kodą, tiesiog nukreipkite pelę į jį ir spustelėkite dešinįjį klavišą. Pasirinkite kitą „Chrome“ funkciją: „Peržiūrėti elemento kodą“.

Pavyzdžiui, gali būti svarbu žinoti, kaip logotipas yra padalintas, jei pasirenkate paveikslėlius ar kalbos programavimą? Taip pat galite sukurti kvadratą naudodami papildomą CSS. Yra daugybė klastotojų, kurie nori įrašyti daugiausia informacijos kode. Kaip dirbti populiariose svetainėse?

Atsirado ašis ir reikalinga informacija. HTML viršuje, CSS apačioje. Štai du filmai. Pirmasis yra atsakingas už teksto saugojimą, o kitas - už dizainą. Jei neturėjote CSS, turėtumėte nedelsdami nurodyti šrifto spalvą ir dydį. Odos pusėje jis išlieka ilgiau. Jei neturėjote html, tada neturėjome pakankamai teksto. Grubiai paaiškinu, bet viskas taip.

Prieš kalbėdami, jei jus užkabino, kaip čia daug įtakos, galite pasigrožėti žemiau esančia nuotrauka. Tai mano liudijimas jums.

Mozilla Firefox

Jei jums patinka praktikuoti tepalą, tada viskas bus taip pat. Atidarykite puslapį ir paspauskite pelės mygtuką dešinėje. „Istorijos išvesties kodas“, jei norite pamatyti visą kodą išsamiai.

Užvedę pelės žymeklį virš elemento galite atidaryti jo kodą.

Čia duomenys rodomi apatinėje ekrano dalyje, bet šiaip viskas taip pat.

„Yandex“ naršyklė

„Yandex“ naršyklėje viskas yra taip pat, kaip ir pirmosiose dviejose parinktyse, atidarykite puslapį, spustelėkite dešinįjį pelės klavišą ir pasirodys puslapio kodas.

Perkeliame žymeklį ant elemento, jei norime atpažinti jo kodą.

Čia viskas atrodo taip pat, kaip ir chrome.

Opera

Na, pagaliau Opera.

Galbūt prieš kalbą pastebėjote, kad tapti taikiniu neprivaloma. Norėdami atidaryti kodą, naudokite tą patį raktą ir visoms naršyklėms, tačiau: CTRL + U.

Elementams: Ctrl + Shift + C.

Rezultatas atrodo taip.

Tai puikiai tiks naujokams

Ir dabar galite stebėtis, kaip viskas veikia. Raskite svetainę ir jums patiks koks nors elementas. Pavyzdžiui, ašis. Jūs jau žinote, kaip atrakinti elemento kodą.

Dabar nukopijuok.

Aš klystu, įterpiu šį kodą į naują html failą, į body tag (anglų kalba).

Dabar stebėsimės, kaip viskas atrodo naršyklėje.

Paruošta. Kad tekstas būtų išlygiuotas aplink kraštus ir pašalinta žalia spalva, į šį dokumentą turite įtraukti css ir nukopijuoti kitą kodą iš svetainės, iš kurios kopijavote.

Aš dabar nesiimsiu qim. Tai užtruks daugiau nei valandą: ir mano, ir jūsų. Manau, kad visas detales aprašysiu būsimuose leidiniuose. Prenumeruokite naujienlaiškį ir pirmieji sužinokite apie straipsnio išvaizdą.

Kadangi neturiu jėgų ištverti, o dabar noriu daugiau sužinoti apie HTML ir CSS, pagal tradiciją galiu rekomenduoti nemokamus pradinius kursus.

Čia yra 33 pamokos, kurias galite išmokti „Nemokami kursai su HTML“ .

Ir čia yra daugiau informacijos apie css. „Nemokami kursai su CSS (45 vaizdo pamokos!)“ .

Dabar jūs žinote šiek tiek daugiau. Linkiu sėkmės jūsų pastangose. Iki naujojo zutrio!

Būtina greitai peržiūrėti visus pakeitimus pačioje svetainėje, nesikišant į internete patalpintus svetainės failus ir kodą. Pavyzdžiui, pakeiskite bet kurio bloko spalvų schemą, įterpkite pašalintą elementą ir pan.

Šiuo tikslu daugelis žiniatinklio valdytojų naudoja vietinius Denwer arba OpenServer serverius, savo kompiuteryje paleidžiant naują svetainės kopiją. Šis metodas yra universalus ir tinkamas profesionalams, papildomai galite patikrinti įvairių scenarijų ir įskiepių darbą, eksperimentuoti keičiant dizainą ir redaguoti visus failus į svetainę, o po testavimo kasdienius pakeitimus perkelti tiesiai į svetainę.

Tiems, kurie toli nuo žiniatinklio valdytojų, šiems tikslams rekomenduoju naudoti naršyklę. Kadangi naudoju „Chrome“, pateiksiu instrukcijas su jūsų naršyklės ekrano kopijomis. Analogiją galima naudoti su Opera, Yandex Browser, Mozilla Firefox ir kitomis naršyklėmis, jų įrankių veikimo principas panašus.

1 instrukcija: kaip peržiūrėti visą svetainės HTML kodą naršyklėje

Taip atidaromas būtinas jūsų svetainės tinklalapis. Dešiniuoju pelės mygtuku spustelėjus reikiamą elementą, pasirodys naršyklės kontekstinis meniu su galimomis komandomis:

Malyunok 1. Peržiūrėkite visą tinklalapio HTML kodą naršyklėje Chrome

Svarbu: Rodomos meniu komandos gali būti skirtingos, pavyzdžiui, aktyviems elementams (pranešimams, paveikslėliams, vaizdo įrašams) ir neaktyviems (tekstas, fonas, vaizdo įrašas):

2 pav. Rodomas naršyklės „Chrome“ meniu

Jei nerandate reikiamos komandos, tiesiog paspauskite dešinįjį pelės mygtuką kitoje vietoje arba naudokite naršyklės sparčiuosius klavišus.

Grįžkime prie mažos 1 dalies, kuri rodo reikalingą komandą visam išvesties tinklalapio HTML kodui peržiūrėti, ji vadinama „ Puslapio kodo peržiūra“. Spustelėkite komandą, atsidarys naujas skirtukas su tuo pačiu išėjimo tinklalapio kodu, puikus pliusas visiems rodiniams, galimiems naudojant teisingą sintaksę:

Malyunok 3. Šios svetainės kodo fragmentas

Šis įrankis ypač naudingas ieškant ir redaguojant įvairius elementus.

Alternatyvūs būdai peržiūrėti visą tinklalapio HTML kodą

Norėdami gauti daugiau prieigos, galite naudoti kitus šio įrankio prieigos būdus.

  1. 1 kūdikiui taip pat svarbu, kad ši komanda būtų pasiekiama už papildomo klavišo + ;
  2. Į naršyklės adreso juostą įterpkite peržiūros šaltinį: svetainė vietoj domeno įrašykite savo adresą;

Abu metodai yra universalūs ir taikomi visoms naršyklėms.

Pradedu galvoti, kad šis įrankis išvis nereikalingas, bet pažvelgus į visą svetainės HTML kodą, puikiai tinka ieškoti būtinų elementų, kurie gali apimti žymes, meta žymeles, atributus ir kitus elementus.

Nauji spartieji klavišai +Pažiūrėkite, „Chrome“ naršyklėje jis rodomas dešinės rankos viršuje:

Malyunok 3. Ieškokite kodo svetainėje

Įvedus paieškos formą, ekranas pereis prie pirmojo rasto elemento, rodyklėmis galėsite pereiti tarp jų ir pasirinkti reikiamą:

Malyunok 4. Ieškokite svetainės HTML kodo

2 instrukcijos: kaip peržiūrėti ir redaguoti svetainės HTML ir CSS kodus „Google Chrome“ naršyklėje

Dabar ateina pati svarbiausia dalis, kurioje parodysiu, kaip galite redaguoti svetainės HTML ir CSS kodus naršyklėje. Tada perkelkite pakeitimus į naršyklę.


Kadangi šis įrankis visada pasiekiamas jūsų naršyklėje, eksperimentuokite su kitomis komandomis, kad būtų lengviau redaguoti svetainę.

Išleidome naują knygą „Turinio rinkodara socialinėje žiniasklaidoje: kaip patekti į išankstinio mokėtojų vadovus ir supainioti juos su savo prekės ženklu“.

Prenumeruoti

Svetainės išvesties kodas yra HTML žymėjimo, CSS stilių ir JavaScript scenarijų, kuriuos naršyklė interpretuoja kaip žiniatinklio serverį, derinys.

Daugiau vaizdo įrašų mūsų kanale – mokykitės internetinės rinkodaros iš SEMANTICA

Tai galima paaiškinti komandų rinkiniu, kurį vadas duoda kariams. Aišku, kad žvilgtelėjai nejaučia viršininko kvapo. Iš savo požiūrio taško, kariuomenė gali savarankiškai atlikti veiksmus. Mūsų atveju vadas yra naršyklė, komandos – išvesties kodas, o žygiuojantys kariai – galutinis rezultatas.

Svetainė išsaugoma žiniatinklio serveryje, kuris suteikia galimybę svetainei naudotis vartotojui. Būsite paraginti adreso eilutėje įvedę URL, spustelėję arba spustelėję formoje esantį mygtuką Pateikti duomenis. Nesvarbu, kokią žiniatinklio istoriją rašau ar įtraukiu programinės įrangos dalį. Galutinis bet kurio serverio algoritmo rezultatas yra html žymų ir teksto įvedimas.
Puslapio išvesties kodas yra duomenų rinkinys, kurį sudaro:

  • html išdėstymas;
  • stiliaus lapas arba failo pritaikymas;
  • programos, parašytos JavaScript arba išsiųstos į failus su kodu.

Šiuos tris skyrius apdoroja naršyklė. Serveriui tai tik tekstas, kurį reikia išsiųsti į užklausą.

Dabar turime įvesti išvesties kodą

Viskas, kas mums svarbu, gali būti išanalizuota ir išspręsta, siekiant pagerinti šiuos ir kitus klausimus, kurie iškyla darbo svetainėje, ypač optimizavimo proceso metu. Pažiūrėję į išvesties kodą, galime:

  • Pridėkite metažymų į savo ar kieno nors kito svetainę, kad galėtumėte analizuoti.
  • Patikrinkite tam tikrų elementų matomumą ir buvimą svetainėje: gydytojai, identifikavimo kodai įvairiose sistemose, seni scenarijai ir kt.
  • Sužinokite apie elementų parametrus: dydį, spalvą, šriftą.
  • Svetainėje raskite nuorodas į nuotraukas ir kitus elementus.
  • Perskaitykite pranešimą puslapyje.
  • Raskite su kodu susijusias problemas, kurios turi įtakos svetainės optimizavimo procesui: stiliai, scenarijai, netinkamas kodas.

Iš esmės, jei tik perskaitysite kodą, galite sužinoti daug daugiau apie puslapį.

Kaip pamatyti svetainės išėjimo kodą

Apskritai, atrodo, kad nesvarbu, kaip dedate į serverį, jūs negalėsite uždirbti pinigų iš naršyklės. O visą maketą galite padidinti paspausdami dešinėje pusėje esantį pelės mygtuką. Čia ir ten „Google Chrome“ programoje.

Pasirinkite parinktį „Peržiūrėti puslapio kodą“ ir pasirinkite naują įrašą tame pačiame indėlyje.

Tai tik tekstas, kurį reikia išanalizuoti, kad jį suprastum. Ir jūs galite išgauti interaktyvų kodą naudodami papildomus kūrėjo įrankius.

Kaip rasti svetainės puslapio išėjimo kodą

Naršyklėje spustelėkite meniu piktogramą. Dažniausiai esate dešiniarankis ir žiūrite iš trijų taškų arba iš šono.

Papildomų įrankių skiltyje pasirinkite „Mažmenininko įrankiai“.

Atsidarys langas, kuriame rodomas aktyvus kodas. Tai reiškia, kad paspaudus pelę maketą, atsiras elemento stilius, o pasirinkti blokai bus paryškinti šone.

Skirtuke „Šaltinis“ galite peržiūrėti įvairius failus: scenarijus, šriftus, vaizdus.

Skirtuke Sauga galite patikrinti svetainės sertifikatą.

Skirtukas Auditai padės patikrinti, kas buvo įkelta į prieglobos šaltinį.

Jei negalite rankiniu būdu perkelti dešinėje esančio skydelio, galite paspausti tris taškus ir juos pakeisti pasirinkdami atitinkamą elementą.

Kaip stebėtis metažymėmis

HTML dokumente yra struktūros žymos. Ašies veiksmai iš jų:

  1. Html – visas dokumentas.
  2. Head – paslaugų antraščių skyrius.
  3. Title – puslapio pavadinimas (rodomas skirtuke).
  4. Turinys – dokumento turinys.
  5. H1-H6 – šoninio teksto antraštės.
  6. Straipsnis – straipsnis.
  7. Skyrius – padalijimas.
  8. Meniu – meniu.
  9. Div – blokas.
  10. Tarpas – eilė.
  11. P – pastraipa.
  12. Stalas – stalas.

Elementai skirti loginiam sekcijų padalijimui puslapyje, jei reikia, jie kuriami naudojant papildomus stilius. Juose yra teksto, kuris kitu atveju matomas puslapyje. Taip pat galvoje yra paslaugų informacija. Šiam intarpui yra metažymos. Viskas, kas juose įrašyta, skirta serveriui ir garso sistemoms.

Jokiu kitu būdu neįmanoma sužinoti.

Labai gerbiu nuorodos žymą. Tai padės užsisakyti pranešimus, siunčiamus į išorinius prijungtus failus. Jei norite, galite jį išsaugoti ir išsaugoti diske. Norėdami tai padaryti, nurodykite registrą adresu ir paspauskite RMB. Pasirinkite Atidaryti naujame skirtuke.

Naujas indėlis atvers failą, kurį galėsite peržiūrėti ir išsaugoti.

Kaip pamatyti puslapio išvesties kodą, kad patobulintumėte scenarijų

Tokiu atveju lengviau atidaryti puslapį vietiniame kompiuteryje. Jei jums tiesiog reikia pataisyti išdėstymą, stilių ir scenarijų, galite dirbti tiesiai iš aplanko. HTML kodą galima peržiūrėti taip pat. „JavaScript“ kodo komandinę eilutę galima pasiekti iš skirtuko „Console“. Čia rodomas užsakymo aprašymas ir eilutės, kurioje ji buvo parašyta, numeris.

Sintaksę galima patobulinti bet kurioje kodo vietoje. Tai priskiriama skirtukui „Šaltinis“.

Kaip stebėtis konkretaus elemento kodu

Dideliems puslapiams, kuriuose yra daug elementų, sunku žinoti reikalingą visų maketų kodą. Tokiu atveju galite pagreitinti procesą naudodami specialią komandą kontekstiniame meniu. Nukreipkime pelę į fragmentą ir paspauskite RMB. Įveskite komandą „Peržiūrėti kodą“.

Atsiras tas pats langas, bet sutelkite dėmesį į pasirinktą objektą.

Santrauka

Sužinojome, kad tai yra puslapio išėjimo kodas. Pakanka įsisavinti pagrindines HTML ir CSS žinias, o naudodami rankinius kūrėjo įrankius galite patobulinti savo HTML dokumentus.

Peržiūrėję interneto išteklių kodą, galėsite pradėti ne tik viešai pažinti, bet ir tyrinėti realias programas. O SEO specialistams bus naudingos meta žymės, informacija, kurioje galėsite daug pasakyti apie svetainę.

Ilgą laiką parinktis „rodyti puslapio išėjimo kodą“ buvo nenaudinga. Iki šiol HTML kūrimas „Codecademy“ ir oficialių svetainių išdėstymas neperaugo į mano naują kaupimą. Čia ir atsiranda maistas: kur rasti realių atvejų ir sutaupyti veiksmingų „iždo“ sprendimų? Atsakymas buvo neįtikėtinai paprastas, kaip ir viskas išradinga: pažiūrėkite į puslapio išvesties kodą „Google Chrome“! Dalinuosi su jumis savo kukliais atradimais.

Koks yra puslapio išėjimo kodas?

Jei jūs, kaip ir aš, atliekate tik pirmuosius HTML programavimo žingsnius, mes nežinosime, koks yra puslapio išvesties kodas.

Išvesties kodas, puslapio HTML kode - tekstas Movi Hyper Text Markup Language (HTML). Tai apima puslapio turinį (tekstą, lenteles) ir žymas. Likusieji atlieka naršyklės instrukcijų vaidmenį: kaip rodyti turinį, kokį formatą formatuoti, kur įterpti hipersaitą ar medijos failą. Na, o mums, pradedantiesiems programuotojams, išvesties kodas yra geriausia vieta pradėti: galime rasti gerą svetainę ir žiūrėti, išsaugoti ir išvikrinti fragmentus. Jakas?

Kaip pažvelgti į išvesties kodą „Google Chrome“ naršyklės šone

Mes žinome tinkamą pusę. Pavyzdžiui, manęs nesužavėjo svetainės meniu dizainas. Yra trys būdai atidaryti išvesties kodą „Google Chrome“ naršyklėje:

  1. Spustelėkite pabaigą Meniu Viršutiniame dešiniajame naršyklės kampe pasirinkite elementą „Papildomi įrankiai“. Be kita ko, yra parinktis „Rodyti išvesties kodą“. Žinote, šis metodas naudojamas retai: yra daug paslapčių. Galite tai padaryti dar paprasčiau.
  2. Paspauskite klavišų kombinaciją Ctrl + U- Atsidaro naujas langas su išėjimo kodu;
  3. Kontekstinio meniu gerbėjams: dešiniuoju pelės mygtuku spustelėkite puslapį ir pasirinkite parinktį „Peržiūrėti puslapio kodą“.

Naršyklėje sugadintas puslapio HTML kodas. Pereikime prie kito etapo.

Kaip redaguoti ir išsaugoti išvesties kodą

Turite išmokti sukurti svetainę, bet neužtenka perskaityti kito asmens HTML kodą. Reikia su juo žaisti, eksperimentuoti, keisti ir patikrinti rezultatą. Galite pradėti nuo kelių tolimų žodžių rinkinio. Kaip redaguoti ir išsaugoti išvesties kodą?

1 parinktis. „Rankiniu būdu“

Atidarę puslapio išvesties kodą, spustelėkite kontekstinį meniu ir pasirinkite parinktį „Išsaugoti kaip“ ir išsaugokite failą standžiajame diske. Failą galima redaguoti Notepad arba Notepad, pakeitimus galima išsaugoti ir atidaryti per naršyklę. Mūsų pakeitimų rezultatai (iš atstumo ar ne) bus rodomi naršyklės lange.

2 variantas. Profesionalams

Jei šiandien žaidžiate su išėjimo kodu, procesas „išsaugoti – atidaryti – keisti – išsaugoti – peržiūrėti“ tampa nuobodus. Pats sau sprendimą radau įdiegęs Google Chrome įskiepį – Firebug Lite. Tai leidžia redaguoti ir išsaugoti išvesties kodą neišeinant iš naršyklės lango.