Ką žinoti
- Dešiniuoju pelės mygtuku spustelėkite tinklalapį ir pasirinkite Rodyti puslapio šaltinį .
- Spartusis klavišas: paspauskite Ctrl + IN („Windows PC“) arba komandą + Parinktis + IN („Mac“).
- Jei norite naudoti „Chrome“ kūrėjo įrankius, pasirinkite Meniu (trys taškai) > Daugiau įrankių > Kurejo irankiai .
Šiame straipsnyje paaiškinama, kaip pasiekti svetainės HTML šaltinio kodą „Google Chrome“ žiniatinklio naršyklėje, taip pat pasiekti ir naudoti „Chrome“ kūrėjo įrankius. Svetainės šaltinio kodo peržiūra yra puikus būdas pradedantiesiems mokytis HTML.
Peržiūrėkite šaltinio kodą naršyklėje „Chrome“.
Taigi, kaip peržiūrėti svetainės šaltinio kodą? Čia pateikiamos nuoseklios instrukcijos, kaip tai padaryti naudojant „Google Chrome“ naršyklę.
-
Atidaryk „Google Chrome“ žiniatinklio naršyklė (jei neturite Įdiegta Google Chrome , tai yra nemokamas atsisiuntimas).
-
Eikite į tinklalapį, kurį norite peržiūrėti .
-
Dešiniuoju pelės mygtuku spustelėkite puslapis ir pažiūrėkite į pasirodžiusį meniu. Tame meniu spustelėkite Rodyti puslapio šaltinį .
-
To puslapio šaltinio kodas dabar bus rodomas kaip naujas naršyklės skirtukas.
-
Arba taip pat galite naudoti sparčiuosius klavišus Ctrl + IN kompiuteryje, kad atidarytumėte langą su rodomu svetainės šaltinio kodu. „Mac“ kompiuteryje šis spartusis klavišas yra komandą + Parinktis + IN .
Hilary Allison / Lifewire
kaip sustabdyti laimėti 10 atnaujinti
Naudokite „Chrome“ kūrėjo įrankius
Be paprastųRodyti puslapio šaltinįGalimybė, kurią siūlo Google Chrome, taip pat galite pasinaudoti jų puikiais privalumais Kurejo irankiai dar giliau įsigilinti į svetainę. Šie įrankiai leis ne tik matyti HTML, bet ir CSS, kuris taikomas to HTML dokumento elementams peržiūrėti.
Jei norite naudoti „Chrome“ kūrėjo įrankius:
-
Atviras Google Chrome .
-
Eikite į tinklalapį, kurį norite peržiūrėti .
-
Pasirinkite trijų taškų meniu viršutiniame dešiniajame naršyklės lango kampe.
-
Meniu užveskite pelės žymeklį virš Daugiau įrankių ir tada pasirinkite Kurejo irankiai pasirodžiusiame meniu.
-
Atsidarys langas, kuriame rodomas HTML šaltinio kodas kairėje srities pusėje ir susijęs CSS dešinėje.
-
Arba, jei spustelėsite dešinįjį pelės klavišą elementas tinklalapyje ir pasirinkite Apžiūrėti pasirodžiusiame meniu pasirodys „Chrome“ kūrėjo įrankiai ir paryškins konkrečią dalį, kurią pasirinkote HTML, o atitinkama CSS rodoma dešinėje. Tai labai naudinga, jei norite sužinoti daugiau apie tam tikrą svetainės dalį.
kaip įterpti fono paveikslėlį į "Google" dokumentus
Ar šaltinio kodo peržiūra yra teisėta?
Bėgant metams daugelis naujų žiniatinklio dizainerių suabejojo, ar priimtina peržiūrėti svetainės šaltinio kodą ir naudoti jį savo mokymuisi ir galiausiai savo atliekamam darbui. Nors svetainės kodo kopijavimas ir platinimas svetainėje tikrai nepriimtinas, šio kodo naudojimas kaip tramplinas, iš kurio galima mokytis, iš tikrųjų parodo, kiek šioje pramonės šakoje padaryta pažanga.
Kaip minėjome šio straipsnio pradžioje, šiandien jums būtų sunku rasti dirbantį žiniatinklio profesionalą, kuris ko nors neišmoko peržiūrėdamas svetainės šaltinį! Taip, svetainės šaltinio kodo peržiūra yra teisėta. Taip pat saugu naudoti šį kodą kaip šaltinį kuriant kažką panašaus. Pradedate susidurti su problemomis, kai priimate kodą tokį, koks yra ir perduodate jį kaip savo darbą.
Galų gale žiniatinklio specialistai mokosi vieni iš kitų ir dažnai tobulina darbą, kurį mato ir yra įkvėpti, todėl nedvejodami peržiūrėkite svetainės šaltinio kodą ir naudokite jį kaip mokymosi įrankį.
kaip pridėti dainas į „Instagram“ istoriją
Daugiau nei tik HTML
Vienas dalykas, kurį reikia atsiminti, yra tai, kad šaltinio failai gali būti labai sudėtingi (ir kuo sudėtingesnė svetainė yra žiūrima, tuo sudėtingesnis bus tos svetainės kodas). Be HTML struktūros, kuri sudaro puslapį, taip pat bus CSS (pakopiniai stilių lapai), kurie diktuoja tos svetainės vizualinę išvaizdą. Be to, daugelyje svetainių šiandien bus scenarijaus failai, įtraukti kartu su HTML.
Tikėtina, kad bus įtraukti keli scenarijaus failai; Tiesą sakant, kiekvienas iš jų veikia skirtingus svetainės aspektus. Atvirai kalbant, svetainės šaltinio kodas gali atrodyti nepaprastas, ypač jei tai darai naujokas. Nenusiminkite, jei iš karto nesuprantate, kas vyksta toje svetainėje. HTML šaltinio peržiūra yra tik pirmas šio proceso žingsnis. Turėdami šiek tiek patirties, pradėsite geriau suprasti, kaip visos šios dalys dera kuriant svetainę, kurią matote naršyklėje. Kai geriau susipažinsite su kodu, galėsite daugiau iš jo išmokti ir jis jums neatrodys toks bauginantis.
DUK- Kaip redaguoti HTML kodą „Chrome“?
Atidarykite kūrėjo įrankius naršyklėje „Chrome“ paspausdami Ctrl (arba komandą „Mac“ kompiuteryje) + Shift + I . Iš ten paspauskite Ctrl ( komandą „Mac“ sistemoje) + O ir pasirinkite išsaugotą šaltinio failą, kurį norite redaguoti, kad jį atidarytumėte.
- Kaip peržiūrėti puslapio šaltinio kodą naršyklėje „Chrome“, jei šaltinio peržiūra išjungta?
Jei svetainė išjungė parinktį Peržiūrėti šaltinį, vis tiek galėsite pažvelgti po gaubtu. Naršyklės lango viršuje pasirinkite Žiūrėti > Programuotojas > Peržiūrėti šaltinį , kuris turėtų ištraukti tinklalapio šaltinio kodą.
- Kaip peržiūrėti svetainės šaltinio kodą „Chrome“ naudojant „Android“ įrenginį?
Eikite į svetainę, kurią norite peržiūrėti, naudodami įrenginio „Chrome“ programą, tada pasirinkite naršyklės adreso juostą. Perkelkite teksto žymeklį į kairę – prieš URL – ir įveskite Peržiūrėti šaltinį , tada paspauskite Įeikite arba pasirinkite Eik .