Kaip peržiūrėti tinklalapio HTML kodą

Visos interneto naršyklės leidžia vartotojams peržiūrėti bet kurio apsilankomo tinklalapio HTML kodą. Kituose skyriuose pateikiama informacija apie daugelį būdų, kaip peržiūrėti pagrindinį kodą kiekvienoje pagrindinėje naršyklėje. Jei norite tęsti, pasirinkite įrašą iš toliau pateikto sąrašo ir vadovaukitės to skyriaus instrukcijomis.

Žiūrint tinklalapio kodą, svarbu nepamiršti, kad informacija ir kodas, kurių serveris neapdoroja, nebus rodomi. Pvz., Beveik visos interneto paieškos sistemos apdoroja informaciją serveryje ir pateikia rezultatus tinklalapyje. Kitaip tariant, galite peržiūrėti kodą, kuris sudaro rezultatų puslapį, tačiau negalite peržiūrėti paieškos variklio kodo.

Ši taisyklė taikoma visiems serverio pusės scenarijų, SSI ir programavimo kodams. Todėl funkcijos, pvz., Paieškos sistemos, forumai, apklausos, pokalbiai ir pan., Nerodys jų kodo. Informacijos kopijavimas iš šaltinio kodo gali sukelti klaidų arba nukreipti jus atgal į puslapį, iš kurio nukopijavote informaciją.

„Microsoft Edge“ naudotojai

Jei norite peržiūrėti „Microsoft Edge“ tinklalapio kodą, atlikite toliau nurodytus veiksmus.

  1. Paspauskite Ctrl + U arba F12 kompiuterio klaviatūroje.
  2. Dešiniojo lango viršuje pasirinkite skirtuką Elements .

Or

Or

  1. Atidarykite „Microsoft Edge“ ir eikite į pasirinktą tinklalapį.
  2. Spustelėkite Daugiau

    piktograma viršutiniame dešiniajame ekrano kampe.
  3. Išskleidžiamajame meniu pasirinkite „ Developer Tools“ .
  4. Dešiniojo lango viršuje pasirinkite skirtuką Elements .

Patarimas: „Microsoft Edge“ „DOM“ įrankis taip pat užtikrina sąveiką su šaltinio kodu ir „CSS“ nustatymais, leidžiančiais vartotojams pamatyti, kaip kodo pakeitimai turi įtakos tinklalapiui.

„Microsoft Internet Explorer“ naudotojai

Jei norite peržiūrėti tinklalapio kodą „Microsoft Internet Explorer“, atlikite toliau nurodytus veiksmus.

  1. Paspauskite Ctrl + U arba F12 kompiuterio klaviatūroje.
  2. Spustelėkite skirtuką Debugger, esantį naujo meniu viršuje.

Or

Or

  1. Atidarykite „Internet Explorer“ ir eikite į pasirinktą tinklalapį.
  2. Paspauskite klavišą Alt, kad atvertumėte naršyklės meniu juostą.
  3. Išskleidžiamajame meniu pasirinkite „ View“, tada „ Source“ .
  4. Spustelėkite skirtuką Debugger, esantį naujo meniu viršuje.

Patarimas: naudojant naujausias „Internet Explorer“ versijas, paspaudus klavišą F12, atsiranda „DOM“ įrankis. Šis įrankis suteikia daug daugiau sąveikos su šaltinio kodu ir CSS nustatymais, leidžiančiais vartotojams pamatyti, kaip kodo pakeitimai nedelsdami veikia tinklalapį.

„Mozilla Firefox“ ir „Netscape“ naudotojai

Jei norite peržiūrėti tinklalapio kodą „Mozilla Firefox“, atlikite toliau nurodytus veiksmus.

  1. Paspauskite Ctrl + U savo kompiuterio klaviatūroje.

Or

Or

  1. Atidarykite „Mozilla Firefox“ ir eikite į pasirinktą tinklalapį.
  2. Paspauskite klavišą Alt, kad atvertumėte naršyklės meniu juostą.
  3. Pasirinkite Įrankiai, žiniatinklio kūrėjas ir tada puslapio šaltinis .

Patarimas: naudojant naujausias „Firefox“ versijas, paspaudus klavišą F12 arba „Ctrl + Shift + I“, atsiranda interaktyvus kūrėjo įrankis. Šis įrankis suteikia daug daugiau sąveikos su šaltinio kodu ir CSS nustatymais, leidžiančiais vartotojams pamatyti, kaip kodo pakeitimai nedelsdami veikia tinklalapį.

Peržiūrėkite puslapio šaltinio kodą

  1. Pažymėkite tinklalapio dalį, kurią norite peržiūrėti šaltinio kodą.
  2. Dešiniuoju pelės mygtuku spustelėkite tą pažymėtą skyrių, tada spustelėkite Peržiūrėti pasirinkimo šaltinį .

Patarimas: naudokite „Firebug“ priedą, kad ne tik peržiūrėtumėte puslapio pradinį kodą, bet pakeistumėte ir peržiūrėtumėte šiuos pakeitimus per naršyklę.

„Google Chrome“ naudotojai

Jei norite peržiūrėti „Google Chrome“ tinklalapio kodą, atlikite toliau nurodytus veiksmus.

  1. Paspauskite Ctrl + U savo kompiuterio klaviatūroje.

Or

Or

  1. Atidarykite „Chrome“ ir naršykite pasirinktą tinklalapį.
  2. Spustelėkite Tinkinti ir valdyti „Google Chrome“

    piktograma viršutiniame dešiniajame naršyklės lango kampe.
  3. Atsidariusiame išskleidžiamajame meniu pasirinkite Daugiau įrankių ir tada kūrėjo įrankiai .
  4. Spustelėkite skirtuką „ Elementai “, esantį naujo skilties viršuje.

Patarimas: naudodami naujausias „Chrome“ versijas, paspaudus klavišą F12 arba Ctrl + Shift + I, taip pat atsiranda interaktyvus kūrėjo įrankis. Šis įrankis suteikia daug daugiau sąveikos su šaltinio kodu ir CSS nustatymais, leidžiančiais vartotojams pamatyti, kaip kodo pakeitimai nedelsdami veikia tinklalapį.

„Apple Safari“ naudotojai

Jei norite peržiūrėti „Apple Safari“ tinklalapio kodą, atlikite toliau nurodytus veiksmus.

  1. Paspauskite Command + Option + U klaviatūroje.

Or

Or

  1. Atidarykite „Safari“ naršyklę ir eikite į pasirinktą tinklalapį.
  2. Pasirinkite meniu Kurti .
  3. Pasirinkite parinktį Rodyti puslapio šaltinį .

Operos vartotojai

Jei norite peržiūrėti „Opera“ tinklalapio kodą, atlikite toliau nurodytus veiksmus.

  1. Paspauskite Ctrl + U klaviatūroje.

Or

Or

  1. Atidarykite „Opera“ ir eikite į pasirinktą tinklalapį.
  2. Spustelėkite mygtuką Meniu

    viršutiniame kairiajame naršyklės lango kampe.
  3. „ Developer“ submeniu pasirinkite Page source .

Patarimas: jei nematote „ Developer“ submeniu, pasirinkite More tools → Show developer menu . Tada spustelėkite meniu mygtuką

dar kartą. Dabar turėtumėte pamatyti išvardytą „ Developer“ submeniu.

Patarimas: naudojant naujausias „Opera“ versijas, paspaudus klavišų kombinaciją „ Ctrl + Shift + I“, atsiranda interaktyvus kūrėjo įrankis. Šis įrankis suteikia daug daugiau sąveikos su šaltinio kodu ir CSS nustatymais, leidžiančiais vartotojams pamatyti, kaip kodo pakeitimai nedelsdami veikia tinklalapį.

„Android“ telefonas, kuriame veikia „Chrome“

  1. Atidarykite „Google Chrome“ interneto naršyklę telefone.
  2. Atidarykite tinklalapį, kurio kodą norite peržiūrėti.
  3. Bakstelėkite vieną kartą adreso juostoje ir po to perkelkite žymeklį į URL priekį.
  4. Įveskite view-source: ir paspauskite Enter arba Go .

Patarimas: Pavyzdžiui, norėdami peržiūrėti mūsų pagrindinio puslapio kodą, įrašykite peržiūros šaltinį: //www.computerhope.com

Kaip uždaryti pradinio kodo puslapį ar įrankį

Kai baigsite žiūrėti šaltinio kodą tinklalapyje, galbūt norėsite išeiti arba uždaryti. Pradinio kodo uždarymas priklauso nuo metodo, kurį naudojote atidarydami.

  • Jei naudojote „Ctrl + U“ metodą (išskyrus „Edge“) arba dešiniuoju pelės mygtuku spustelėkite būdą, uždarykite naują skirtuką, atidarytą naršyklės lango viršuje.
  • Jei naudojote kūrėjo metodą (paspausdami F12 arba Ctrl + Shift + I), spustelėkite

    viršutiniame dešiniajame įrankių lango kampe .