Kā apskatīt HTML avotu pārlūkprogrammā Google Chrome

Uzziniet, kā izveidota vietne, aplūkojot tā pirmkodu

Kad es pirmo reizi sāku savu karjeru kā tīmekļa dizainere, es tik daudz uzzināju, pārskatot to citu tīmekļa dizaineru darbu, kurus es apbrīnoju. Es neesmu vienīgais šajā. Neatkarīgi no tā, vai esat jauns interneta industrijā vai pieredzējis veterāns, dažādu tīmekļa lapu HTML avota skatīšana ir kaut kas, ko jūs, visticamāk, darīsit vairākas reizes savas karjeras gaitā.

Tiem, kas ir jauni tīmekļa dizains, vietnes pirmkoda skatīšana ir viens no vienkāršākajiem veidiem, kā noskaidrot, kā tiek veiktas noteiktas lietas, lai jūs varētu mācīties no šī darba un sākt izmantot noteiktu kodu vai metodes savā darbā. Kā jebkurš šodien strādājošs web dizaineris, it īpaši tiem, kuri to jau ir strādājuši jau no rūpniecības sākuma dienām, un tas ir drošs bet, ka viņi ar jums saka, ka viņi iemācījušies HTML, vienkārši aplūkojot tīmekļa lapu avotu, ko viņi redzēja un iebruka ar. Papildus tam, kā lasīt tīmekļa dizaina grāmatas vai apmeklēt profesionālas konferences , vietnes pirmkoda skatīšana ir lielisks veids, kā iesācējiem mācīties HTML.

Vairāk nekā vienkārši HTML

Viena lieta, kas jāatceras, ir tas, ka avota faili var būt ļoti sarežģīti (un jo sarežģītāk ir vietne, kuru skatāt, jo sarežģītāka ir tā vietnes kods). Papildus HTML struktūrai, kas veido skatīto lapu, būs arī CSS (kaskādes stila lapas), kas nosaka šīs vietnes vizuālo izskatu. Turklāt šodien daudzās vietnēs tiks iekļauti arī skriptu faili kopā ar HTML.

Iespējams, ka ir iekļauti vairāki skriptu faili, patiesībā katrs no tiem ir saistīts ar dažādiem vietnes aspektiem. Atklāti sakot, vietnes pirmkods var likties pārāk liels, it īpaši, ja jūs esat jauns, lai to izdarītu. Neuztraucieties, ja nekavējoties nevarat saprast, kas notiek šajā vietnē. HTML avota skatīšana ir tikai pirmais solis šajā procesā. Ar nelielu pieredzi jūs sāksit labāk izprast, kā visi šie gabali savieno, lai izveidotu tīmekļa vietni, kuru redzat savā pārlūkprogrammā. Kad jūs iepazītos ar kodu, jūs varēsit uzzināt vairāk no tā, un tas, šķiet, nav biedējošs jums.

Tātad, kā jūs aplūkojat tīmekļa vietnes avota kodu? Tālāk ir norādītas soli pa solim norādītās instrukcijas, izmantojot Google Chrome pārlūku.

Soli pa solim instrukcijas

  1. Atveriet pārlūkprogrammu Google Chrome (ja jums nav instalēta pārlūkprogramma Google Chrome, šī ir bezmaksas lejupielāde).
  2. Pārejiet uz tīmekļa lapu, kuru vēlaties izpētīt .
  3. Ar peles labo pogu noklikšķiniet uz lapas un skatiet izvēlni, kas tiek parādīta. Šajā izvēlnē noklikšķiniet uz Skatīt avota lapu .
  4. Šīs lapas avota kods tagad tiks parādīts kā jauna cilne pārlūkprogrammā.
  5. Alternatīvi, datorā varat izmantot CTRL + U tastatūras īsinājumtaustiņus, lai atvērtu logu, parādot vietnes pirmkodu. Mac datorā šī saīsne ir Command + Alt + U.

Izstrādātāju rīki

Papildus vienkāršai skata lapas avota iespējām, ko piedāvā Google Chrome, varat izmantot arī to izcilo izstrādātāju rīkus, kas ļauj vēl ciešāk iekļūt vietnē. Šie rīki ļaus ne tikai aplūkot HTML, bet arī CSS, kas attiecas uz HTML koda elementu skatīšanu.

Lai izmantotu Chrome izstrādātāja rīkus:

  1. Atveriet Google Chrome .
  2. Pārejiet uz tīmekļa lapu, kuru vēlaties izpētīt .
  3. Pārlūkprogrammas loga augšējā labajā stūrī noklikšķiniet uz ikonas ar trim rindām .
  4. Izvēlnē novietojiet peles kursoru virs vairāk rīku un pēc tam izvēlnes izvēlnē noklikšķiniet uz Izstrādātāju rīki .
  5. Tiks atvērts logs, kas parāda HTML avota kodu pa kreisi no paneļa un atbilstošo CSS labajā pusē.
  6. Alternatīvi, ja labajā pusē noklikšķiniet uz elementa tīmekļa lapā un atlasiet Pārbaudīt no redzamās izvēlnes, tiks parādīts Chrome izstrādātāju rīks, un HTML tiks iezīmēts precīzs jūsu atlasītais elements ar atbilstošo CSS, kas parādīts pa labi. Tas ir ļoti noderīgi, ja vēlaties uzzināt vairāk par to, kā izstrādāts viens konkrēts vietnes gabals.

Vai avota koda skatīšana ir likumīga?

Gadu gaitā man ir bijušas daudzas jaunas web dizaineri, vai ir pieņemami apskatīt vietnes pirmkodu un izmantot to izglītībai un galu galā par darbu, ko viņi dara. Kaut arī vietnes koda vairumtirdzniecība kopēšana un nodošana tāpat kā vietne pati par sevi nav pieņemama, izmantojot šo kodu kā sprauslu, lai mācītos no tā, patiesībā ir daudz sasniegumu šajā nozarē.

Kā es minēju šī raksta sākumā, jums būtu grūti atrast šodien strādājošu tīmekļa profesionālu, kas nav iemācījies kaut ko, aplūkojot vietnes avotu! Jā, vietnes pirmkoda skatīšana ir likumīga. Izmantojot šo kodu kā resursu, lai izveidotu kaut ko līdzīgu, ir arī labi. Ņemot kodu kā tādu un izlaižot to, jo jūsu darbs ir vieta, kur sākat saskarties ar problēmām.

Galu galā tīmekļa speciālisti mācās viens no otra un bieži uzlabo darbu, ko viņi redz un kuru iedvesmoja, tādēļ nevilcinieties skatīt vietnes avota kodu un izmantot to kā mācību līdzekli.