Svetainę, kurią skaitote, sudaro, be kita ko, šaltinio kodas. Tai yra jūsų žiniatinklio naršyklės įkėlimo ir vertimo informacija, kurią dabar skaitote.
Dauguma interneto naršyklių suteikia galimybę pamatyti svetainės šaltinio kodą be papildomos reikalingos programinės įrangos, nesvarbu, kokio tipo įrenginys esate.
Kai kurie net siūlo išplėstinę funkciją ir struktūrą, kad būtų lengviau suprasti HTML ir kitą programavimo kodą puslapyje.
Kodėl norėtumėte pamatyti šaltinio kodą?
Yra keletas priežasčių, dėl kurių galbūt norėsite pamatyti puslapio šaltinio kodą. Jei esate žiniatinklio kūrėjas, galbūt norėtumėte žvilgtelėti po viršeliais pagal kitą programuotojo specialų stilių ar įgyvendinimą. Galbūt esate kokybės užtikrinimo srityje ir bandote išsiaiškinti, kodėl tam tikra dalis tinklalapio atvaizduoja arba elgiasi taip, kaip ji yra.
Jūs taip pat galite būti pradedančiuoju, norinčiu išmokti koduoti savo puslapius ir ieškoti realių pavyzdžių. Žinoma, yra įmanoma, kad jūs nepateksite į bet kurią iš šių kategorijų ir norite pamatyti šaltinį tik nuo smalsumo.
Toliau pateikiami nurodymai, kaip peržiūrėti šaltinio kodą pasirinktoje naršyklėje.
"Google Chrome"
Veikia: "Chrome" OS, "Linux", "macOS", "Windows"
"Chrome" darbalaukio versija siūlo tris skirtingus puslapio šaltinio kodo peržiūros būdus, pirmuosius ir paprastus, naudojant šią spartieji klavišai: CTRL + U (COMMAND + OPTION + U "MacOS").
Paspaudus šią nuorodą atidaromas naujas naršyklės skirtukas, rodantis HTML ir kitą aktyvaus puslapio kodą. Šis šaltinis yra spalvotas ir struktūrizuotas taip, kad būtų paprasčiau suskaidyti ir rasti tai, ko ieškote. Taip pat galite ten patekti įvedę šį tekstą "Chrome" adresų juostoje, pridedamame prie interneto puslapio kairės pusės ir pasirinkdami Įveskite Raktas: Peržiūrėti šaltinį: (t. y. peržiūros šaltinis: https: //www.Go-Travels.com).
Trečiasis metodas yra per "Chrome" kūrėjų įrankius, leidžiančius jums giliau pasinerti į puslapio kodą, taip pat patobulinti bandymą ir kūrimo tikslais. Kūrėjo įrankių sąsają galima atidaryti ir uždaryti naudojant šią spartieji klavišai: CTRL + SHIFT + I (COMMAND + OPTION + I "MacOS"). Taip pat galite paleisti jas, atlikdami toliau nurodytą kelią.
-
Pasirinkite "Chrome" pagrindinio meniu mygtuką, esantį viršutiniame dešiniajame kampe ir kurį sudaro trys vertikaliai išlyginti taškai.
-
Kai pasirodys išskleidžiamasis meniu, užveskite pelės žymeklį virš Daugiau įrankių pasirinkimas.
-
Kai pasirodys submeniu, pasirinkite Kurejo irankiai.
"Android"
Interneto puslapio šaltinio peržiūra "Android" "Chrome" yra taip pat paprasta, kaip pridėti šį tekstą adreso priekyje (arba URL) ir jį pateikti: Peržiūrėti šaltinį:. Tai būtų pavyzdys peržiūros šaltinis: https: //www.Go-Travels.com . HTML ir kitas atitinkamo puslapio kodas bus aktyviai rodomi akimirksniu.
"iOS"
Nors nėra originalių šaltinio kodo peržiūros metodų naudojant "Chrome" jūsų "iPad", "iPhone" ar "iPod touch", paprasčiausias ir efektyviausias būdas yra naudoti trečiosios šalies sprendimą, pvz., "Žiūrėti šaltinio" programą.
Programa "App Store" yra 0,99 dolerių. "View Source" raginama įvesti puslapio URL (arba nukopijuoti / įklijuoti jį iš "Chrome" adresų juostos, o tai kartais paprasčiausias kelias). Be HTML ir kito šaltinio kodo rodymo, programoje taip pat yra skirtukų, kuriuose rodomas atskirų puslapių turinys, dokumentų objektų modelis (DOM), taip pat puslapio dydis, slapukai ir kitos įdomios detalės.
Microsoft Edge
Veikia: Windows
"Edge" naršyklė leidžia peržiūrėti, analizuoti ir net manipuliuoti dabartinio puslapio šaltiniu per "Developer Tools" sąsają. Norėdami pasiekti šį patogų įrankių rinkinį, galite naudoti vieną iš šių sparčiųjų klavišų kombinacijų: F12 arba CTRL + U. Jei pageidaujate pasirinkti pelę, spustelėkite krašto meniu mygtuką (trys taškeliai, esantys viršutiniame dešiniajame kampe) ir pasirinkite F12 Kūrėjo įrankiai pasirinkimas iš sąrašo.
Kai "dev" įrankiai yra pirmą kartą paleisti, "Edge" prideda dvi papildomas naršyklės kontekstinio meniu parinktis (galima spustelėti dešiniuoju pelės klavišu bet kurioje žiniatinklio puslapio vietoje): Tikrinti elementą ir Peržiūrėti šaltinį, pastarasis, kuris atidaro Derintojas Dev įrankių sąsajos dalis, kurioje yra šaltinio kodas.
Mozilla Firefox
Veikia: Linux, macOS, Windows
Norėdami peržiūrėti puslapio šaltinio kodą "Firefox" darbalaukio versijoje, galite paspausti CTRL + U (COMMAND + U "MacOS") klaviatūroje, kuriame bus atidarytas naujas skirtukas, kuriame yra HTML ir kitas aktyvaus tinklalapio kodas.
Įveskite toliau esantį tekstą į "Firefox" adresų juostą tiesiai kairėje puslapio URL, taigi tas pats šaltinis bus rodomas dabartiniame skirtuke: Peržiūrėti šaltinį: ( t.y., peržiūros šaltinis: https: //www.dotdash.com ).
Kitas būdas pasiekti puslapio šaltinio kodą yra "Firefox" kūrėjų įrankiai, kuriuos galite pasiekti atlikdami šiuos veiksmus.
-
Pasirinkite pagrindinio meniu mygtuką, esantį viršutiniame dešiniajame naršyklės lango kampe ir kurį sudaro trys horizontalios linijos.
-
Kai pasirodys pop-up meniu, spustelėkite mygtuką Programuotojas "veržliarakčio" piktograma.
-
Dabar žiniatinklio kūrėjų kontekstinio meniu turi būti matomi. Pasirinkite Puslapio šaltinis pasirinkimas.
"Firefox" taip pat leidžia peržiūrėti konkrečios puslapio dalies šaltinio kodą, todėl lengvai galima atskirti problemas. Norėdami tai padaryti, pirmiausia pažymėkite pele jus dominančią sritį. Tada dešiniuoju pelės mygtuku spustelėkite ir pasirinkite Peržiūrėti pasirinkimo šaltinį naršyklės kontekstinio meniu.
"Android"
"Firefox" "Android" versijoje esančio šaltinio kodo įvedimas yra įmanomas, prieš tai nurodant tinklalapio URL su šiuo tekstu: Peržiūrėti šaltinį:. Pavyzdžiui, norėdami peržiūrėti "Dotdash" HTML šaltinį, naršyklės adreso juostoje turėtumėte pateikti šį tekstą: peržiūros šaltinis: https: //www.dotdash.com .
"iOS"
Mūsų rekomenduojamas būdas peržiūrėti puslapio pradinį kodą jūsų "iPad", "iPhone" ar "iPod touch" yra per "View Source" programą, kurią "App Store" galima įsigyti už 0,99 dolerius. Nors tiesiogiai nėra integruota tiesiogiai su "Firefox", galite lengvai nukopijuoti ir įklijuoti URL iš naršyklės į programą, kad būtų atskleistas HTML ir kitas su aptariamu puslapiu susietas kodas.
"Apple Safari"
Veikia "iOS" ir "macOS"
"iOS"
Nors "Safari" skirta "iOS" neįtraukia galimybės peržiūrėti šaltinio pagal nutylėjimą, naršyklė gana vienodai integruojama su "View Source" programa, kurią "App Store" galima įsigyti už 0,99 dolerius.
Įdiegę šią trečiosios šalies programą, grįžkite į "Safari" naršyklę ir bakstelėkite mygtuką "Bendrinti", esantį ekrano apačioje ir rodomą kvadratu ir rodyklę aukštyn. "IOS" pasidalijimo lapas dabar turėtų būti matomas, apatinėje "Safari" lango pusėje. Slinkite į dešinę ir pasirinkite Peržiūrėti šaltinį mygtukas.
Dabar turėtų būti parodytas spalvinis, struktūrizuotas aktyviojo puslapio šaltinio kodas ir kiti skirtukai, leidžiantys peržiūrėti puslapio turinį, scenarijus ir dar daugiau.
macOS
Jei norite peržiūrėti "Safari" darbalaukio versijos puslapio šaltinio kodą, pirmiausia turite jį įjungti Kurti Meniu. Žemiau pateikiami veiksmai padės jums suaktyvinti šį paslėptą meniu ir rodyti puslapio HTML šaltinį.
-
Pasirinkite Safari naršyklės meniu, esančiame ekrano viršuje.
-
Kai pasirodys išskleidžiamasis meniu, pasirinkite Nustatymai pasirinkimas.
-
"Safari" nuostatos dabar turėtų būti matomos. Spustelėkite ant Išplėstinė piktograma, esanti viršutinės eilutės dešinėje pusėje.
-
Antroje pastraipoje apačioje esanti parinktis pažymėta Meniu juostoje spustelėkite "Parengti meniu", kartu su tuščiu langeliu. Pasirinkite šį langelį vieną kartą, kad į jį pažymėtumėte žymeklį ir uždarykite "Preferences" langą spustelėję raudoną "x", esantį viršutiniame kairiajame kampe.
-
Pasirinkite Kurti meniu, esantis ekrano viršuje.
-
Kai pasirodys išskleidžiamasis meniu, pasirinkite Rodyti puslapio šaltinį. Vietoj to galite naudoti ir kitą sparčiųjų klavišų kombinaciją: COMMAND + OPTION + U.
Opera
Veikia: Linux, macOS, Windows
Norėdami pamatyti šaltinio kodą iš aktyviojo naršyklės naršyklės Opera, naudokite šią spartieji klavišai: CTRL + U (COMMAND + OPTION + U "MacOS"). Jei pageidaujate įkelti šaltinį dabartiniame skirtuke, įveskite šį tekstą kairėje puslapio URL adreso juostoje ir paspauskite Įveskite: peržiūros šaltinį: ( t.y., peržiūros šaltinis: https: //www.Go-Travels.com ).
"Opera" darbalaukio versija taip pat leidžia peržiūrėti HTML šaltinį, CSS ir kitus elementus, naudojant integruotus kūrėjo įrankius. Norėdami paleisti šią sąsają, kuri pagal nutylėjimą bus rodoma pagrindinio naršyklės lango dešinėje pusėje, paspauskite šią spartųjį klavišą: CTRL + SHIFT + I (COMMAND + OPTION + I "MacOS").
Operos kūrėjų įrankių rinkinys taip pat pasiekiamas atlikus šiuos veiksmus.
-
Pasirinkite "Opera" logotipą, esantį viršutiniame kairiajame naršyklės lango kampe.
-
Kai pasirodys išskleidžiamasis meniu, užveskite pelės žymeklį virš Daugiau įrankių pasirinkimas.
-
Spustelėkite Rodyti kūrėjo meniu.
-
Dar kartą pasirinkite "Opera" logotipą.
-
Kai pasirodys išskleidžiamasis meniu, užveskite kursorių Programuotojas.
-
Kai pasirodys submeniu, pasirinkite Kurejo irankiai.
Vivaldi
Vivaldi naršyklės puslapio šaltinį galite peržiūrėti keliais būdais. Paprasčiausias yra per CTRL + U sparčioji klaviatūra, kuri pateikia kodą iš aktyviojo puslapio naujame skirtuke.
Taip pat galite pridėti šį tekstą puslapio priekio puslapio URL, kuris parodo šaltinio kodą šiame skirtuke: Peržiūrėti šaltinį:. Tai būtų pavyzdys peržiūros šaltinis: http: //www.dotdash.com .
Kitas metodas yra per naršyklės integruotus kūrėjo įrankius, kuriuos galite pasiekti paspausdami CTRL + SHIFT + I derinys arba per Kurejo irankiai parinktis naršyklėje Įrankiai meniu - randamas pasirinkus V logotipas viršutiniame kairiajame kampe. Naudojant dev įrankius galima nuodugniau išnagrinėti puslapio šaltinį.
